.l-rotator{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;

border:0px solid #000;
position:relative;
width:912px;
height:280px !important;
overflow:hidden;
}
.l-rotator a{
outline:none;
}
.l-rotator .screen{
position:relative;
top:3px;
left:0; padding:0;
width:735px;
height:300px !important;
overflow:hidden;
}
.l-rotator .main-img{
display:none;
position:absolute;
top:0;
left:0; padding:0 0 0 3px;
z-index:0;
border:0;
}
.l-rotator .textbox{
position:absolute;
color:#FFF;
z-index:4;
overflow:hidden;
visibility:hidden;
}
.l-rotator .inner-bg{
position:relative;
top:0;
left:0;
width:100%;
height:100%;
background-color:#000;
-moz-opacity:.70;
filter:alpha(opacity=70);
opacity:.7;
z-index:0;
}
.l-rotator .inner-text{
position:absolute;
top:0;
left:0;
padding:10px;
width:auto;
height:auto;
z-index:1;
}
.l-rotator .timer{
position:absolute;
top:0;
left:0;
height:3px;
background-color:#FFF;
-moz-opacity:.5;
filter:alpha(opacity=50);
opacity:.5;
z-index:5;
visibility:hidden;
font-size:0;
}
.l-rotator .cpanel{
position:absolute;
margin:5px;
z-index:6;
visibility:hidden;
background:#000;
background:rgba(0,0,0,.7);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);
}
.l-rotator .play-btn{
position:relative;
float:left;
width:22px;
height:22px;
background:url(assets/rotator_icons.png) -5px center no-repeat;
cursor:pointer;
z-index:1;
}
.l-rotator .play-btn.pause{
background-position:-21px center;
}
.l-rotator .num-info{
position:relative;
float:left;
height:22px;
line-height:22px;
padding:0 4px;
text-align:center;
color:#FFF;
z-index:1;
}
.l-rotator .preloader{
position:absolute;
top:50%;
left:50%;
width:34px;
height:34px;
margin-top:-17px;
margin-left:-17px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
background:#000 url(assets/loader.gif) no-repeat center;
background:rgba(0,0,0,.7) url(assets/loader.gif) center no-repeat;
z-index:7;
}
body .l-rotator .thumbnails{
position:absolute;
bottom:0 !important;
left:0 !important;
width:735px !important;
height:50px !important;
overflow:hidden;
z-index:10;
}
.l-rotator .thumbnails ul{
list-style:none;
position:absolute;
top:0;
left:15px;
height:999999px;
margin:0;
padding:0;
}
.l-rotator .thumbnails li{ padding:0; margin:0 10px 0 0 ;width:auto !important;
position:relative;
display:block;
float:left;
clear: none;
}
.l-rotator .thumbnails li a{
display:none;
}
.l-rotator .thumbnails li div{
position:relative;
display:none;
color:#fff;


}
.l-rotator .thumbnails li .txtDetail{ 
	top:130px;  height: 0px; left:0; width:550px; background:#none;
	}
	
h1{font-size:30px;color: #fff;
	font-family:"微軟正黑體",Arial, Helvetica, sans-serif; text-shadow: #000 0 1px 0;
	font-weight:bold;line-height:1.2em;}


.l-rotator #right-arrow,
.l-rotator #left-arrow{
position:relative;
display:block;
float:left;
width:12px;
}
.l-rotator #right-arrow{ display:none;
background: url(assets/rotator_icons.png) -43px center no-repeat;
}
.l-rotator #left-arrow{
background:url(assets/rotator_icons.png) 7px center no-repeat;
}


.l-rotator .thumbnails .thumb{ width:auto !important;
position:relative;
display:block;
float:left;
cursor:pointer;
padding:0; margin:0;
color:#000;
border-color:#ffffff;

overflow:hidden;

}

.l-rotator .thumb img{
display:block;
float:right;
width:130px; height:auto; border:#fff solid 2px; margin:0; padding:0;
}
.l-rotator .thumb p{ display:none;
	}
	.l-rotator .thumbnails li.selected {border:none;padding:0; margin:0 10px 0 0 ; background:none;}
.l-rotator .thumbnails li.selected img{border:#ec870f solid 2px;padding:0; margin:0;

}
.l-rotator .thumbnails li.square{ display:none;
-moz-border-radius:0 !important;
-webkit-border-radius:0 !important;
border-radius:0 !important;
}
.l-rotator .thumbnails li.selected,
.l-rotator .thumbnails li.selected .thumb{
background:none;
}
.l-rotator .thumbnails li.selected .thumb{
color:#FFF;
cursor:default;
}
.l-rotator .thumbnails li:hover .thumb{
background:#ec870f;
}


.l-rotator .scrollbar{
position:relative;
width:4px;
height:100%;
overflow:hidden;
visibility:hidden;
}
.l-rotator .knob{
position:absolute;
top:0;
left:0;
width:4px;
background-color:#333;
-moz-opacity:.75;
filter:alpha(opacity=75);
opacity:.75;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
.l-rotator .btn-pane{
position:absolute;
top:0;
left:0;
width:100%;
height:24px;
background:url(assets/spacer.png) no-repeat;
z-index:2;
visibility:hidden;
}
.l-rotator .up-btn,
.l-rotator .down-btn{
position:absolute;
top:0;
left:50%;
width:60px;
height:24px;
margin-left:-30px;
background:#DDD url(assets/rotator_icons.png) no-repeat;
background:rgba(221,221,221,0.7) url(assets/rotator_icons.png) no-repeat;
}
.l-rotator .up-btn{
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
background-position:center 7px;
}
.l-rotator .down-btn{
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
border-top-left-radius:4px;
border-top-right-radius:4px;
background-position:center -27px;
}
.l-rotator .block,
.l-rotator .vpiece,
.l-rotator .hpiece{
position:absolute;
z-index:2;
}
.l-rotator .strip{
display:block;
position:absolute;
top:0;
left:0;
z-index:0;
overflow:hidden;
}
.l-rotator .content-box{
display:none;
position:absolute;
top:0;
left:0;
overflow:hidden;
}