﻿@charset "utf-8";
/* 页面头部内容 */

/* header */
.header {height:64px;padding:10px 0 ;border-bottom:solid 2px #b31011;}
.header .logo {width: 320px;height: 64px;position:absolute;}


/* menu */
.menu {height: 56px; width:440px;padding-top:2px;margin-left:550px; display:block;position:relative;}
.menu ul li {position: relative;color:#333;float:left;width:20px;height:56px;line-height:28px;padding:0 25px;font-size:20px;display:block;}
.menu ul li .drop {transition: all 0s;-o-transition: all 0s;-webkit-transition: all 0s;-moz-transition: all 0s;-ms-transition: all 0s;display: none;position: absolute;top: 100%;left: 0;width:100px;left: 50%;margin-left: -51px;box-shadow: 0 0 5px rgba(0,0,0,0.1);z-index: 99999;border:solid 1px #dbdbdb;border-radius:4px;}
.menu ul li .drop ul {background:#fff;margin:0 auto;padding:3px 0;border-radius:4px;}
.menu ul li .drop ul li {float:none;text-align:center;display:block;width:100px;border:0;font-size:15px;height:25px;font-weight:normal; margin-left:-25px;}
.menu ul li .drop ul li a {line-height: 25px;color:#333;font-weight:normal;width:100px;display:block;}
.menu ul li .drop ul li a:after {display: none;}
.menu ul li .drop ul li.on a, .menu ul li .drop ul a:hover {color: #fff;background: #c00000;text-decoration: none;}
.menu ul li a {display: block;color: #333;position: relative;}
.menu ul li a:after {display: block;position: absolute;width: 0%;margin: 0 auto;left: 0;right: 0;height: 3px;bottom: -1px;background: #cca384;color: #c00000;}
.menu ul li.on a:after, .menu ul li a:hover:after {width: 100%;color: #c00000;}
.menu ul li a:hover, .menu ul li.on a {color: #c00000}
.menu ul {margin: 0 -40px;}
.menu ul .none {border-right:solid 0px #c5c5c5; }

/* submenu */
.submenu {width: 265px;position: fixed;z-index: 100; float:left;top:266px;}
.submenu ul {display:block;border-top: 1px solid #e8e8e8;border-left: 1px solid #e8e8e8;}
.submenu ul li {line-height: 30px;background-color: #f7f7f7;border-bottom: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8; display:block;  font-size:18px; color:#333;}
.submenu ul li a {display:block;padding:20px;color:#333; -webkit-transition: all 300ms;-moz-transition: all 300ms;-ms-transition: all 300ms;-o-transition: all 300ms; transition: all 300ms;}
.submenu ul li a:hover {display:block;background-color: #c00000;color:#fff;text-decoration: none;padding:20px;}
.submenu ul li a:before { display:block;background-color: #c00000;color:#fff;text-decoration: none;}
.submenu ul li a:hover:before { display:block;background-color: #c00000;color:#fff;text-decoration: none;}
.submenu ul li a.active { display:block;background-color: #c00000;color:#fff;}
.submenu ul li a.active:before { display:block;background-color: #c00000;color:#fff;}

/* prompt */
.prompt {display: block; position:relative;}
.prompt .point {height:25px;}
.prompt .point span {font-weight:bold; float:right; margin:0 5px 0 25px;}
.prompt .search {margin-top:6px;}
.prompt .search i {float:left;} 
.prompt .search .txt {width:208px;width:206px;height:22px;padding:2px 5px;float:left;border:1px solid #ccc;}
.prompt .search .btn {height:28px;line-height:28px;width:80px;background-color:#900;border:none;color:#fff;cursor: pointer;}

.seat {display:block;height:34px;line-height:34px;border:1px solid #ccc;margin-top:15px;padding-left:10px; } 
.spec {display:block;height:34px;line-height:34px;border:1px solid #ccc;padding-left:10px; }

/* media */
.media {border-top:solid 1px #dbdbdb;}
.media .friey {width:600px;padding:10px 0 0 3px; float:left;}
.media .terre {width:600px;padding:10px 0 0 100px; float:left;}
.media .tit {line-height:40px; display:block;}
.media .dis { width:600px;}
.media .dis p {height:30px; display:block;}
.media .dis i {font-style: normal;line-height:30px; margin-right:24px;}

/* details */
.details {min-height:500px;border:1px solid #ccc; padding:10px 20px;}
.details h2 {text-align:center; line-height:50px; display:block;}
.details .int {display:block;line-height:30px;height:30px;text-align:center; border-bottom: 1px solid #e8e8e8;}
.details .int i {float:right;font-style:normal;background: url(/uploads/image/tdsimages/ico20.png) no-repeat left center;padding-left: 25px;}
.details .int span {margin:0 10px;}
.details .con {display: block;padding-top: 20px; }
.details .con p { line-height: 36px;text-indent: 2em;display: block; padding:6px 0;}
.details .con p img{
    max-width: 800px;
    height: auto !important;
    margin: auto;
    display: block;
}
.details .con i {font-style: normal;text-align: center;display: block;padding:10px 0;} 
.details .state {display:block; margin-top:20px;}
.details .state b {display:block;line-height:25px;}
.details .state p {display:block;line-height:25px;padding-top:6px;}
.details .tail {display:block; margin-top:10px;}
.art_share{
    margin: 5px 0;
    float: none !important;
    text-align: right;
}
.gray .social-share .icon-weibo {
    color: #ff763b!important;
    border-color: #ff763b;
}
.gray .social-share .icon-qq {
    color: #56b6e7!important;
    border-color: #56b6e7;
}
.gray .social-share .icon-wechat{
    color: #7bc549;
    border-color: #7bc549;
}
.gray .social-share .icon-qzone{
   color: #fdbe3d;
    border-color: #fdbe3d
}
.details .tail b {display: block;line-height: 25px;text-align: right;font-weight: normal;}
.details .tail .share {float:right;display:block; height:25px; line-height:25px;}
.details .tail .share a{height:25px;background: url(/uploads/image/tdsimages/fx.png) no-repeat right 5px;display:block; padding-right:25px;}
.details .tail .share a:hover{height:25px;background: url(/uploads/image/tdsimages/fxa.png) no-repeat right 5px;display:block; }
#picfanye{
    text-align: center;
    display: block;
    font-size: 12px;
    margin-top: 20px;
    color: #969696;
}
/* footer */
.footer{text-align:center;background:#f2f2f2; padding-top:20px; height:268px;}
.footer .white{height:30px; line-height:30px;}
.footer .white span{margin:0 15px; color:#ccc;}
.footer .blacka {margin:10px 0;}
.footer .blacka p {line-height:22px; margin:16px 0; text-align:center;}
.footer .tail{padding-bottom:15px;}
.footer .tail a{margin:0 6px;}


/* pagi */
.pagi{font-family:verdana, geneva, sans-serif; padding:20px 0; text-align: left;}
.pagi span b a{ background: #b70000;border: 1px solid #b70000;color: #fff;}
.pagi a{margin-right:7px; border:1px solid #ccc; padding:7px 12px; color:#333;border-radius:2px;}
.pagi a:hover {border:1px solid #ccc;background:#eaeaea;color:#333;border-radius:2px;text-decoration:none;border-radius:2px;}
.pagi a.now{color:#fff; background:#c00000; border:1px solid #c00000; font-weight:bold;border-radius:2px;}

/* about */
.about {min-height: 600px;background: url(/uploads/image/tdsimages/about-bg.png) repeat-y;}
.about .subnav {width:279px;float:left;display:block;border-top: 1px solid #e8e8e8;border-left: 1px solid #e8e8e8;}
.about .subnav li {line-height: 30px;background-color: #f7f7f7;border-bottom: 1px solid #e8e8e8;border-right: 1px solid #e8e8e8;display: block;font-size: 18px;color: #333;background: url(/uploads/image/tdsimages/about-li.png) no-repeat 20px center;}
.about .subnav li a {display:block;padding:15px 20px 15px 40px;color:#333;}
.about .subnav li a:hover {display:block;color:#fff;text-decoration: none;padding:15px 20px 15px 40px;background: url(/uploads/image/tdsimages/about-li-a.png) no-repeat 20px center #c00000;}
.about .subnav .set, .about .subnav .set a {display:block;background: url(/uploads/image/tdsimages/about-li-a.png) no-repeat 20px center #c00000;color:#fff;}
.about .cont {margin-left:279px;min-height: 600px;border: 1px solid #ccc; padding:20px 30px;}
.about .cont .title {display: block;font-size: 18px;line-height: 20px;font-weight: bold; padding-bottom:15px;}
.about .cont b {font-weight: bold;} 
.about .cont p {font-size: 16px;line-height: 34px;text-indent: 2em; display:block; margin-top:10px;} 

#gallery {  }
#descriptions {position: relative;height: 50px;background: #000;margin-top: 10px;width: 480px;padding: 10px;overflow: hidden;}
#descriptions .ad-image-description {position: absolute;background:#000; }
#descriptions .ad-image-description .ad-description-title {display: block;color:#fff;}
.ad-gallery { position:relative;}
.ad-gallery, .ad-gallery * {margin: 0;padding: 0;}
.ad-gallery .ad-image-wrapper {width: 99.5%;padding:10px;float:left;display:inline;  height: 480px;position: 
relative;overflow:hidden; z-index:80;}
.ad-gallery .ad-image-wrapper-txt{ letter-spacing:0.1em; text-align:left; font-size:12px; padding:0 20px; line-height:20px;color:#999; text-indent:30px;}
.ad-gallery .ad-image-wrapper .ad-loader {position: absolute;z-index: 10;top: 48%;left: 48%;}
.ad-gallery .ad-image-wrapper .ad-next {position: absolute;right: 0;top: 0;width: 25%;height: 100%;cursor:
pointer;display: block;z-index:9999;overflow:hidden;}
.ad-gallery .ad-image-wrapper .ad-prev {position: absolute;left: 0;top: 0;width: 25%;height: 100%;cursor:
pointer;display: block;z-index:9999; overflow:hidden;}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {/* or else ie will hide it */ overflow:hidden;}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background:#333 url(/uploads/image/tdsimages/ad_prev2.png)
center center no-repeat; border:1px solid #666;width: 50px;height: 50px;display: none;position: absolute;top: 47%;left: 0;z-index: 101;}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {background:#333 url(/uploads/image/tdsimages/ad_next2.png) center center  no-repeat; border:1px solid #666;width:
50px;height: 50px;right: 0;left: auto;}
.ad-gallery .ad-image-wrapper .ad-image {position: absolute;overflow: hidden;top: 0;left: 0;z-index: 9;}
.ad-gallery .ad-image-wrapper .ad-image a{ z-index:-1;}
.ad-gallery .ad-image-wrapper .ad-image a img { z-index:0;}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {position: absolute;bottom: 0px;left: 0px;padding:0 7px;text-align: left;width:
100%;z-index: 2;color: #fff;background: rgba(0,0,0,.7); font-size:12px; line-height:30px; font-weight:normal;}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {background: none;background:#000; }
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {display: block;color:#fff;}
.ad-gallery .ad-controls { 
    height: 38px;
    color: #333;
    width: 640px;
    margin: auto;
    overflow: hidden;
}
.ad-gallery .ad-info {float: left;}
.ad-gallery .ad-slideshow-controls {font-size: 14px;float:right; height:23px;line-height:23px;padding:0 10px;  margin:0 0 10px 0;background:#900; color:#fff;  }
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {padding-left: 5px;cursor: pointer;padding:0 
4px;display:inline-block; }
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {padding-left: 5px;font-size: 0.9em;}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {cursor: pointer;color:#b0d5f9;}
/* ad-nav */
.ad-gallery .ad-nav {margin:auto;width:640px;;position: relative;background: repeat-x 0px 0; height:110px; overflow:hidden;border:1px solid #d8d8d8; }
.ad-gallery .ad-forward, .ad-gallery .ad-back {position: absolute;top: 0;height: 100%;z-index: 10;}
#gallery .ad-image-wrapper .ad-image p.ad-description span{ display:none;}
/* ie 6 doesn't like height: 100% */
/** html .ad-gallery .ad-forward, .ad-gallery .ad-back {height: 100px;}*/
.ad-gallery .ad-back {cursor: pointer;left: 10px; height:130px; width: 30px;display: block;background: url(/uploads/image/tdsimages/ad_prev.png) 0px 40px no-repeat;}
.ad-gallery .ad-forward { height:130px;cursor: pointer;display: block;right: 10px;width: 30px;background: url(/uploads/image/tdsimages/ad_next.png) 0px 40px no-repeat;}
.ad-gallery .ad-nav .ad-thumbs {overflow: hidden;width:550px; margin:0px 40px 0 40px;padding:15px 0 0 0; line-height:140%;}
.ad-gallery .ad-thumbs .ad-thumb-list {float: left;width: 9000px;list-style: none;}
.ad-gallery .ad-thumbs li {float: left;display:inline;padding:0 2px; overflow:hidden;}
.ad-gallery .ad-thumbs li a {display: block; height: 85px; width:107px; }
.ad-gallery .ad-thumbs li a img {border: 2px solid #c5d6ca; width:100px;display: block; height:75px;}
.ad-gallery .ad-thumbs li a:hover img{border:2px solid #333; }
.ad-gallery .ad-thumbs li a.ad-active img {border:2px solid #900;}
/* can't do display none, since opera won't load the images then */
.ad-preloads {position: absolute;left: -9000px;top: -9000px;}