#page {
width:960px;
margin:0 auto;
}
.s-title {
padding:8px 0;
font:bold 16px "Microsoft YaHei";
border-bottom:1px dotted #ccc;
} 
.s-section {
padding:8px 0;
overflow:hidden;
}

/**
 @ demo */
#demo {
position:relative;
overflow:hidden;
z-index:998;
background-color:White;
}
#demo .switchable-nav {
    bottom: 20px;
    position: absolute;
    right: 18px;
    z-index: 9999999;
}
#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:bold;
}
#demo .switchable-content li {
height:239px;
width:960px;
overflow:hidden;
}
/* for countdown plugin */
#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:#FFFFFF;
background-color:#000000;
opacity:0.8;
}

/**
 @ slideFocus */
#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,*/
#slideFocus .desc-list-wrap {
width:270px;
height:90px;
overflow:hidden;
}
.pic-list li {
width:379px;
height:238px;
}

/**
 @ demo2 */
#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 */
.scroll-news {
height:36px;
overflow:hidden;
}
.scroll-news a {
color:#FF7E00;
}

/**
 @ tiny-slide-wrap */
.tiny-slide-wrap {
overflow:hidden;
width:274px;
height:143px;
}
.tiny-slide-wrap .switchable-nav {
display:none;
}
.tiny-slide-wrap .tiny-hd {
height:26px; /*width:298px;*/
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:#999999;
font-size:12px;
padding-left:70px;
padding-top:8px;
font-weight:normal;
}
.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:0px;
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:bold;
position:absolute;
font-size:11px;
color:#666666;
top:9px;
right:40px;
}
.tiny-slide-wrap .tiny-hd .txt-indicator em {
color:#ff6600;
}
.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;
_margin-bottom:3px;
}
.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:#999999;
}
.tiny-slide-wrap .tiny-slide-content .link {
color:#ff6600;
font-weight:bold;
}
.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 */
.scrollable {
position:relative;
width:820px;
}
.scrollable .prev, .scrollable .next {
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; /* fix ie6 Ë«±ß¾à bug */
}