/*** To change the font,visit FontSquirell: http://www.fontsquirrel.com/fontface ***/
@font-face{
    font-family:"BebasNeueRegular";
    src:url("BebasNeue-webfont.eot"/*tpa=http://bbb.biao001.top/misc/jquery-banner/fonts/BebasNeue-webfont.eot*/);
    src:url("BebasNeue-webfont.eot-#iefix"/*tpa=http://bbb.biao001.top/misc/jquery-banner/fonts/BebasNeue-webfont.eot?#iefix*/) format("eot"),
        url("BebasNeue-webfont.woff"/*tpa=http://bbb.biao001.top/misc/jquery-banner/fonts/BebasNeue-webfont.woff*/) format("woff"),
        url("BebasNeue-webfont.ttf"/*tpa=http://bbb.biao001.top/misc/jquery-banner/fonts/BebasNeue-webfont.ttf*/) format("truetype"),
        url("BebasNeue-webfont.svg#webfontfuvdSzbb"/*tpa=http://bbb.biao001.top/misc/jquery-banner/fonts/BebasNeue-webfont.svg#webfontfuvdSzbb*/) format("svg");
        font-weight:normal;
        font-style:normal
    }
/*** Don't show content before banner loaded ***/
.banner .cpanel {display: none}
.banner-rotator .cpanel {display: block}
.banner-rotator-wrapper {position:relative;overflow:hidden}
.banner-rotator {position:relative;font-family:Arial,Helvetica,sans-serif;font-size:12px;position:relative;width:900px;height:300px;overflow:hidden}
.banner-rotator a{color:#00CCFF;text-decoration:none;outline:none}
.banner-rotator a:hover{color:#CD0000;text-decoration:none}
.banner-rotator .screen{position:relative;top:0;left:0;overflow:hidden}
.banner-rotator .strip{display:block;position:absolute;top:0;left:0;z-index:0;overflow:hidden}
.banner-rotator .content-box{display:none;position:absolute;top:0;left:0;overflow:hidden}
.banner-rotator .main-img{display:none;position:absolute;top:0;left:0;z-index:0;border:0}
/*** Preloader ***/
.banner-rotator .preloader{position:absolute;top:50%;left:50%;width:40px;height:40px;margin-top:-20px;margin-left:-20px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;background:#000 url("preloader.gif"/*tpa=http://bbb.biao001.top/misc/jquery-banner/images/preloader.gif*/) no-repeat center center;z-index:5;display:none}
/*** Timer ***/
.banner-rotator div.timer{position:absolute;left:0;height:4px;background-color:#FFF;-moz-opacity:.5;filter:alpha(opacity=50);opacity:0.5;z-index:6;visibility:hidden;font-size:0}
.banner-rotator div.clock-timer-holder{position:relative;display:inline-block;float:left;width:20px;height:20px}
.banner-rotator canvas.clock-timer{overflow:hidden}
/*** Border ***/
.banner-rotator-wrapper div.border{position:absolute;z-index:2}
/*** Shadow ***/
.banner-rotator-wrapper .shadow{position:absolute;height:82px;z-index:1}
.banner-rotator-wrapper .shadow .left{display:block;float:left;width:100px;height:42px;background:url("shadow-left.png"/*tpa=http://bbb.biao001.top/misc/images/nav/shadow-left.png*/) no-repeat left bottom}
.banner-rotator-wrapper .shadow .middle{display:block;float:left;width:auto;height:42px;background:url("shadow-middle.png"/*tpa=http://bbb.biao001.top/misc/images/nav/shadow-middle.png*/) repeat-x left bottom}
.banner-rotator-wrapper .shadow .right{display:block;float:left;width:100px;height:42px;background:url("shadow-right.png"/*tpa=http://bbb.biao001.top/misc/images/nav/shadow-right.png*/) no-repeat left bottom}
/*** Content ***/
.banner-rotator .content{position:absolute;-moz-opacity:0;filter:alpha(opacity=0);opacity:0}
.banner-rotator .textbox{position:absolute;z-index:4;overflow:hidden;top:0;left:0}
.banner-rotator .textbox a.bg-url{display:block;clear:both;position:absolute;top:0;left:0;background-color:rgba(0,0,0,0)}
.banner-rotator .textbox span.border{display:block;position:absolute;top:-1px;width:100%;height:1px;background-color:#FFF;-moz-opacity:0.3;filter:alpha(opacity=0.3);opacity:0.3}
.banner-rotator .textbox span.border-black{background-color:#000;-moz-opacity:1;filter:alpha(opacity=1);opacity:1}
.banner-rotator .textbox span.bg{display:block;position:absolute;padding:10 15px;width:100%;height:100%;background-color:#000}
.banner-rotator .textbox span.bg-opacity{-moz-opacity:0.6;filter:alpha(opacity=0.6);opacity:0.6}
.banner-rotator .textbox span.text{display:block;z-index:3;position:relative;font-family:"BebasNeueRegular"!important;}
.banner-rotator .textbox span.title,.banner-rotator .textbox .title{font-size:30px;color:#FFF}
.banner-rotator .textbox span.field,.banner-rotator .textbox .field{display:block;clear:both;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:18px}
.banner-rotator .textbox p.margin{margin:0 0 18px}
/*** Content Button ***/
.banner-rotator a[role="buttons"]{display:inline-block;background-color:#2c2c2c;background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#2c2c2c),color-stop(100%,#0d0d0d));background-image:-webkit-linear-gradient(#2c2c2c,#0d0d0d);background-image:-moz-linear-gradient(#2c2c2c,#0d0d0d);background-image:-o-linear-gradient(#2c2c2c,#0d0d0d);background-image:linear-gradient(#2c2c2c,#0d0d0d);-moz-background-clip:padding;-webkit-background-clip:padding;-o-background-clip:padding-box;-ms-background-clip:padding-box;-khtml-background-clip:padding-box;background-clip:padding-box;-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;-khtml-border-radius:4px;border-radius:4px;-moz-box-shadow:0 1px 0 0 #444 inset;-webkit-box-shadow:0 1px 0 0 #444 inset;-o-box-shadow:0 1px 0 0 #444 inset;box-shadow:0 1px 0 0 #444 inset;color:#fff;cursor:pointer;font:12 Arial,Tahoma,sans-serif;font-weight:bold;margin:0;padding:6px 15px;text-align:left;-moz-text-shadow:0px 1px #000;text-shadow:0px 1px #000;-moz-transition-duration:0.3s;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s}
.banner-rotator a[role="buttons"]:hover,.banner-rotator a[role="buttons"]:focus{background-color:#545454;background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#545454),color-stop(100%,#131313));background-image:-webkit-linear-gradient(#545454,#131313);background-image:-moz-linear-gradient(#545454,#131313);background-image:-o-linear-gradient(#545454,#131313);background-image:linear-gradient(#545454,#131313);-moz-background-clip:padding;-webkit-background-clip:padding;-o-background-clip:padding-box;-ms-background-clip:padding-box;-khtml-background-clip:padding-box;background-clip:padding-box;-moz-box-shadow:0 1px 0 0 #777 inset;-webkit-box-shadow:0 1px 0 0 #777 inset;-o-box-shadow:0 1px 0 0 #777 inset;box-shadow:0 1px 0 0 #777 inset;text-decoration:none;color:#fff;-moz-transition-duration:0.3s;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s}
/*** Control Panel ***/
.banner-rotator .cpanel{position:absolute;top:0;z-index:7;visibility:hidden}
.banner-rotator .outer-hp,.banner-rotator .outer-vp{position:absolute;background:#333;background:-moz-linear-gradient(#444,#111);background:-webkit-gradient(linear,0 top,0 bottom,from(#444),to(#111));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444',endColorstr='#111111',GradientType=0);border:1px solid #000}
.banner-rotator .outer-hp{left:0;width:100%;border-left:none;border-right:none}
.banner-rotator .outer-vp{top:0;height:100%;border-top:none;border-bottom:none}
.banner-rotator .back-scroll,.banner-rotator .fwd-scroll{position:absolute;top:0;left:0;z-index:10;background:url("spacer.png"/*tpa=http://bbb.biao001.top/misc/jquery-banner/images/spacer.png*/) no-repeat}
.banner-rotator .items,.banner-rotator .buttons{display:inline;position:relative;float:left;overflow:hidden}
.banner-rotator .items ul{position:relative;list-style:none;margin:0;padding:0}
.banner-rotator .items ul.inside{position:absolute;top:0;left:0}
.banner-rotator .items li,.banner-rotator .play-btn,.banner-rotator .previous-btn,.banner-rotator .next-btn{position:relative;list-style:none;display:inline;float:left;overflow:hidden;width:20px;height:20px;line-height:20px;text-align:center;color:#FFF;background-color:#000;background-color:rgba(0,0,0,0.6);cursor:pointer;font-size:10px;font-weight:bold;-webkit-transition:background linear 0.3s,color linear 0.3s;-moz-transition:background linear 0.3s,color linear 0.3s;transition:background linear 0.3s,color linear 0.3s}
.banner-rotator .play-btn,.banner-rotator .previous-btn,.banner-rotator .next-btn,.banner-rotator .s-prev,.banner-rotator .s-next{background-image:url("sprite.png"/*tpa=http://bbb.biao001.top/misc/jquery-banner/images/sprite.png*/);background-repeat:no-repeat}
.banner-rotator .items li:hover,.banner-rotator .play-btn:hover,.banner-rotator .previous-btn:hover,.banner-rotator .next-btn:hover{background-color:#000;-webkit-transition:background linear 0.3s,color linear 0.3s;-moz-transition:background linear 0.3s,color linear 0.3s;transition:background linear 0.3s,color linear 0.3s}
.banner-rotator .items li.curr-thumb{color:#000;background-color:#FFF;cursor:default;-webkit-transition:background linear 0.3s,color linear 0.3s;-moz-transition:background linear 0.3s,color linear 0.3s;transition:background linear 0.3s,color linear 0.3s}
.banner-rotator .items li *{display:none}
.banner-rotator .items li div{position:relative;color:#FFF;background-color:#000;width:auto;height:auto}
/*** Image Button ***/
.banner-rotator .items li.image{background:#000;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
.banner-rotator .items li.image a{display:block;border:0}
.banner-rotator .items li.image img{display:block;border:0;position:absolute;-moz-opacity:.3;filter:alpha(opacity=30);opacity:0.3;-moz-transition-duration:0.3s;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s}
.banner-rotator .items li.image:hover img{-moz-opacity:1;filter:alpha(opacity=100);opacity:1;-moz-transition-duration:0.3s;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s}
.banner-rotator .items li.image.curr-thumb img{-moz-opacity:1;filter:alpha(opacity=100);opacity:1;cursor:default;-moz-transition-duration:0.3s;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s}
/*** Button ***/
.banner-rotator .play-btn{background-position:-20px 0px}
.banner-rotator .pause{background-position:0px 0px}
.banner-rotator .previous-btn{background-position:-40px 0px}
.banner-rotator .next-btn{background-position:0px -20px}
.banner-rotator .up{background-position:-20px -20px}
.banner-rotator .down{background-position:-40px -20px}
.banner-rotator .s-prev,.banner-rotator .s-next{position:absolute;z-index:8;top:50%;margin-top:-20px;width:30px;height:40px;cursor:pointer;-moz-opacity:.3;filter:alpha(opacity=30);opacity:.3;-moz-transition-duration:0.3s;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s}
.banner-rotator .s-prev{left:7px;background-position:0px -40px}
.banner-rotator .s-next{left:100%;margin-left:-37px;background-position:-30px -40px}
.banner-rotator .s-prev:hover,.banner-rotator .s-next:hover{-moz-opacity:1;filter:alpha(opacity=100);opacity:1;-moz-transition-duration:0.3s;-webkit-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s}
.banner-rotator .block,.banner-rotator .vpiece,.banner-rotator .hpiece{position:absolute;z-index:2}
/*** Tooltip ***/
#rotator-tooltip{position:absolute;top:0;left:0;z-index:99999;display:none;-moz-opacity:0;filter:alpha(opacity=0);opacity:0}
/*** Image Tooltip ***/
#rotator-tooltip img{display:block;float:left;background-color:#FFF;padding:3px;margin:8px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
#rotator-tooltip .arrow{position:absolute;width:0;height:0;margin:0;padding:0}
#rotator-tooltip.img-up .arrow{bottom:3px;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #FFF}
#rotator-tooltip.img-down .arrow{top:3px;left:50%;margin-left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #FFF}
#rotator-tooltip.img-right .arrow{left:3px;top:50%;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:5px solid #FFF}
#rotator-tooltip.img-left .arrow{right:3px;top:50%;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #FFF}
/*** Text Tooltip ***/
#rotator-tooltip .tt-txt{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000;background-color:#FFF;max-width:300px;padding:3px 5px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:8px 0}
#rotator-tooltip.txt-up .arrow{bottom:3px;margin-left:10px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #FFF}
#rotator-tooltip.txt-down .arrow{top:3px;margin-left:10px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #FFF}