@charset "utf-8";

/*商品展示*/

#TLicon{ width:1150px; height:auto; margin:13px auto 19px;}

.TLictop{ width:1150px; height:auto; overflow:hidden;}

.TLictl{ float:left; width:268px;}

.TLictlb{ width:268px;  background:url(../images/TLictlbbj.jpg) repeat-y;}

#sidebar{ width:265px; height:auto;}

#sidebar h3,#sidebar h2{ padding-left:42px;font-weight:bold;}

.sidelist{ position:relative; z-index:999; height:32px; width:132px;}

.sidelist span h3,.sidelist span h2{ position:relative; z-index:2; width:222px; height:30px; line-height:30px; font-size:14px; font-weight:normal; border-bottom:1px solid #FFF; color:#a36e36;}

.sidelist span h3 a{ font-size:14px; text-decoration:none; display:block; width:auto; height:auto; color:#a36e36;cursor: pointer;}

.sidelist span h3 a:hover{ color:#fff;}

.i-list{ display:none; position:absolute; z-index:9999; left:264px; top:0px; width:180px; height:auto; padding:5px 15px; background:#fff9ef; border:1px solid #A36E36;}

.i-list ul li{ width:auto; list-style:none; line-height:30px; heignt:30px; }

.i-list ul li a{ color:#000; text-decoration:none; font-size:12px; display:block;color:#A36E36;cursor: pointer;}

.i-list ul li a:hover{ text-decoration:underline; color:#A36E36; text-decoration:underline}

.hover{ width:80px; background:url(../images/hoverbj.jpg) no-repeat 25px center #a36e36;}

.TLictlbbottom{ padding: 60px 0;text-align: center;}
.TLictlbbottom .ad_link{ margin-bottom: 20px; display: block;}
.TLictlbbottom .ad_link img{width: 225px; height: 102px; border:#A36F36 1px solid; border-radius: 5px; overflow:hidden; display: inline-block; background-color: #FFF; padding: 1px;}
.TLictlbbottom span{ font-size:20px; font-family: color:#000;}

.TLictr{ float:right; width:874px; height:587px; position:relative; z-index:0;}

.TLictr span{ position:absolute; z-index:-1;}

.TLictrb{ width:859px; height:533px; background-color:#f2eae0; padding:15px 0 0 15px;}

.container{ width:842px; height:518px; overflow:hidden;}

#featured{ width: 842px; height: 518px; background: #000 url(../images/loading.gif) no-repeat center center; overflow: hidden;}

#featured>img,  

#featured>div,

#featured>a { display: none;}



div.orbit-wrapper{ width: 1px; height: 1px; position: relative;}

div.orbit{ width: 1px; height: 1px; position: relative; overflow: hidden;}

div.orbit>img{ position: absolute; top: 0; left: 0; display: none;}

div.orbit>a{ border: none; position: absolute; top: 0; left: 0; line-height: 0;  display: none;}

.orbit>div{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

div.timer{ width: 40px; height: 40px; overflow: hidden; position: absolute; top: 10px; right: 10px; opacity: .6; cursor: pointer; z-index: 1001;}

span.rotator{ display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url(../images/rotator-black.png) no-repeat; z-index: 3;}

span.mask{ display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden;}

span.rotator.move{ left: 0 }

span.mask.move{ width: 40px; left: 0; background: url(../images/timer-black.png) repeat 0 0;}

span.pause{ display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; background: url(../images/pause-black.png) no-repeat; z-index: 4; opacity: 0;}

span.pause.active{ background: url(../images/pause-black.png) no-repeat 0 -40px;}

div.timer:hover span.pause,span.pause.active { opacity: 1;}

.orbit-caption{ display: none; font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif;}

.orbit-wrapper .orbit-caption{ background:url(../images/orbit-captionbj.png) repeat-x; z-index: 1000; color: #fff; text-align: center; padding: 7px 0; font-size: 13px; position: absolute; right: 55px; bottom: 0; width: 254px; height: 92px;}



div.slider-nav{ display: block;}

div.slider-nav span{ width: 55px; height: 53px; text-indent: -9999px; position: absolute; z-index: 1000; margin-top: -25px; cursor: pointer;}

div.slider-nav span.right{ background: url(../images/right-arrow.png); right: 0; top: 50%;}

div.slider-nav span.left{ background: url(../images/left-arrow.png); left: 0; top: 50%;}



.orbit-bullets{ position: absolute; z-index: 1000; list-style: none; bottom: -40px; left: 50%; margin-left: -50px; padding: 0;}

.orbit-bullets li{ float: left; margin-left: 5px; cursor: pointer; color: #999; text-indent: -9999px; background: url(../images/bullets.jpg) no-repeat 4px 0; width: 13px; height: 12px; overflow: hidden;}

.orbit-bullets li.active{ color: #222; background-position: -8px 0;}

.orbit-bullets li.has-thumb{ background: none; width: 100px; height: 75px;}

.orbit-bullets li.active.has-thumb{ background-position: 0 0; border-top: 2px solid #000;}



.TLicbottom{ width:1150px; height:auto;}

.TLicbtop{ width:1150px; height:40px; background:url(../images/TLicbtopbj.jpg) no-repeat bottom center;}

.TLicbtb{ width:1135px; height:25px; background-color:#e5e5e5; padding:6px 0 0 15px;}

.TLicbtb h2{ height:20px; line-height:20px; padding-left:30px; background:url(../images/TLicbtb_h2bj.jpg) no-repeat left center;}



.TLicbbottom{ width:1150px; height:auto; overflow:hidden;}

.TLicbbottom ul li{ float:left; width:286px; height:260px; background:url(../images/TLicbbottom_libj.jpg) no-repeat; margin:10px 0 0 1px;}

.TLicbbottom ul li a{ display:block; width:250px; height:228px; margin:6px 0 0 18px; position:relative;}

.TLicbbottom ul li a span{ display:block; width:250px; height:25px; line-height:25px; text-align:center; background:url(../images/TLicbbottom_liaspan.jpg) no-repeat; position:absolute; left:0; bottom:0; color:#FFF; font-size:12px;}

.TLicbbottom ul li a:hover{ text-decoration:none;}

.TLicbbottom ul li a:hover span{ background:url(../images/TLicbbottom_liahoverspan.jpg) no-repeat;}