@charset "utf-8";
#page{width:960px;margin:0 auto}
.s-title{padding:8px 0;font:700 16px "Microsoft YaHei";border-bottom:1px dotted #ccc}
.s-section{padding:8px 0;overflow:hidden}
#demo{position:relative;width:470px;height:150px;border:1px solid #B6D1E6;overflow:hidden}
#demo .switchable-nav{position:absolute;bottom:5px;right:5px;z-index:99}
#demo .switchable-nav li{float:left;width:16px;height:16px;line-height:16px;margin-left:3px;background-color:#FCF2CF;border:1px solid #F47500;color:#D94B01;text-align:center;cursor:pointer}
#demo .switchable-nav li.active{width:18px;height:18px;line-height:18px;margin-top:-1px;color:#FFF;background-color:#FFB442;font-weight:700}
#demo .switchable-content li{height:150px;width:470px;overflow:hidden}
#demo .switchable-nav li,#demo .switchable-trigger-content{position:relative}
#demo .switchable-trigger-mask{position:absolute;right:0;width:18px;height:18px;background-color:#FF9415;visibility:hidden}
#demo .active .switchable-trigger-mask{visibility:visible}
.switchable-caption{position:absolute;top:0;left:0;z-index:8;width:100%;padding:5px 10px;color:#FFF;background-color:#000;opacity:.8}
#slideFocus{border:1px solid #C2C2C2;height:284px;width:678px;overflow:hidden}
#slideFocus .h{background:#f3f3f3;padding:3px 0 7px 12px}
#slideFocus .c{padding:9px 10px 0}
#slideFocus .pic{width:379px;height:233px;overflow:hidden;float:left}
#slideFocus .txt{width:270px;float:right}
#slideFocus .desc-list h4 a{font-size:14px;line-height:25px;color:#f60}
#slideFocus .desc-list p{line-height:18px;color:#666;margin:10px 0}
#slideFocus .thumbs-list li{float:left;height:62px;width:84px;padding:2px;margin:1px;display:inline!important}
#slideFocus .thumbs-list li.current{background-color:#f60}
#slideFocus .des,#slideFocus .desc-list-wrap{width:270px;height:90px;overflow:hidden}
.pic-list li{width:379px;height:238px}
#demo2{position:relative;width:515px;height:220px;border:1px solid #D3D2D2;padding:1px;overflow:hidden}
#demo2 .yslider-stick{position:absolute;top:0;right:0;width:106px;font-size:14px;background:#fff;margin:1px;z-index:99}
#demo2 .yslider-stick li{border-bottom:1px solid #EDEDED}
#demo2 .yslider-stick li a{display:block;text-indent:15px;padding:8px 5px;color:#666}
#demo2 .yslider-stick li.selected{background-color:#C8282B}
#demo2 .yslider-stick li.selected a{color:#fff;border-left:3px solid #B30024}
#demo2 .yslider-stage{height:220px;width:405px}
.scroll-news{height:36px;overflow:hidden}
.scroll-news a{color:#FF7E00}
.tiny-slide-wrap{overflow:hidden;width:274px;height:143px}
.tiny-slide-wrap .switchable-nav{display:none}
.tiny-slide-wrap .tiny-hd{height:26px;background:url(http://a.tbcdn.cn/p/fp/2011a/assets/sprites.gif) -143px -203px no-repeat;position:relative}
.tiny-slide-wrap .tiny-hd .sk-title{display:block;width:65px;height:27px;top:0;left:0;position:absolute}
.tiny-slide-wrap .tiny-hd .sk-title img{width:100%;height:100%}
.tiny-slide-wrap .tiny-hd h3{color:#999;font-size:12px;padding-left:70px;padding-top:8px;font-weight:400}
.tiny-slide-wrap .tiny-hd .txt-indicator{position:absolute}
.tiny-slide-wrap .tiny-hd .tiny-prev{background:url(http://a.tbcdn.cn/p/fp/2011a/assets/sprites.gif) -165px -110px no-repeat;display:block;height:14px;overflow:hidden;position:absolute;right:14px;top:10px;width:16px}
.tiny-slide-wrap .tiny-hd .tiny-prev:hover{background-position:-165px -124px}
.tiny-slide-wrap .tiny-hd .tiny-next{background:url(http://a.tbcdn.cn/p/fp/2011a/assets/sprites.gif) -180px -110px no-repeat;display:block;height:14px;overflow:hidden;position:absolute;right:0;top:10px;width:16px}
.tiny-slide-wrap .tiny-hd .tiny-next:hover{background-position:-180px -124px}
.tiny-slide-wrap .tiny-hd .txt-indicator{font-weight:700;position:absolute;font-size:11px;color:#666;top:9px;right:40px}
.tiny-slide-wrap .tiny-hd .txt-indicator em{color:#f60}
.tiny-slide-wrap .tiny-slide-content{width:100%;height:117px;overflow:hidden}
.tiny-slide-wrap .tiny-slide-content .tiny-item{position:relative;width:274px;float:left;padding-top:10px}
.tiny-slide-wrap .tiny-slide-content .tiny-pic{display:block;width:122px;height:100px;position:absolute;top:10px;left:5px}
.tiny-slide-wrap .tiny-slide-content p{padding-left:147px;height:12px;margin-bottom:9px}
.tiny-slide-wrap .tiny-slide-content .full{padding-top:4px}
.tiny-slide-wrap .tiny-slide-content .des{color:#3e3e3e;padding-top:15px}
.tiny-slide-wrap .tiny-slide-content .price{color:#999}
.tiny-slide-wrap .tiny-slide-content .link{color:#f60;font-weight:700}
.tiny-slide-wrap .tiny-slide-content .btn{display:block;width:78px;height:22px;background:url(http://a.tbcdn.cn/p/fp/2011a/assets/sprites.gif) -197px -110px no-repeat}
.tiny-slide-wrap .tiny-slide-content .btn:hover{background-position:-275px -110px}
.scrollable{position:relative;width:820px}
.scrollable .next,.scrollable .prev{position:absolute;top:50px;color:#666;cursor:pointer}
.scrollable .prev{left:10px}
.scrollable .next{right:10px}
.scrollable .disable{color:#ddd;cursor:default}
.scrollable .switchable-nav{position:absolute;right:30px;top:-10px}
.scrollable .switchable-nav li{float:left;padding:5px;font-size:18px;cursor:pointer}
.scrollable .switchable-nav li.active{color:#C8282B}
.scroller{position:relative;width:680px;height:120px;border:1px solid #ccc;background-color:#F9F9F9;margin:auto;overflow:hidden}
.scroller .switchable-content img{float:left;width:100px;height:75px;padding:2px;margin:20px 15px;background-color:#fff;border:1px solid #ccc;display:inline!important}