.orbit-wrapper {position: relative;margin: 0 auto;}
#featured {position: relative;width: 480px!important;height: 282px!important;overflow: hidden;background: #fff url(../images/loading.gif) 50% no-repeat;}
.orbit > img { display: none; position: absolute; top: 0; left: 0; border: 0 none; }
.orbit > a { display: none; position: absolute; top: 0; left: 0; line-height: 0; border: 0 none; }
.orbit > a img{
    width: 480px;
    height: 280px;
}
.orbit > a p{position: absolute;bottom: 0;left: 0;border: 0 none;display: block;z-index: 9999;background: url(/images/channel-title-bg.png) repeat-x;font-size: 16px;line-height: 23px;margin-top: 54px;padding: 11px 15px;color: #fff;overflow: hidden;transform: translateZ(0);white-space: nowrap;text-overflow: ellipsis;width: 100%;}
.orbit > div { position: absolute; top: 0; left: 0; width: 100%; height: 100% }
.orbit-item { background-color: #f5f5f5; }

/* 标题 */
.orbit-caption {display: none;position: absolute;left: 0;bottom: 0;z-index: 10;width: 480px;height: 75px;font: 20px/50px "Microsoft Yahei";text-align: center;color: #fff;background: rgba(0,0,0,.6);}

/* 导航 */
.orbit-bullets { position: absolute; z-index: 1000; list-style: none; bottom: 0px; left: 50%; margin: 15px 0 15px -50px; padding: 0; }
.orbit-bullets li { float: left; margin: 0 5px; cursor: pointer; width: 10px; height: 10px; overflow: hidden; text-indent: -9999px; background-color: #000; }
.orbit-bullets li.active { background-color: #49CFF1; }
.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; }
.slider-nav { display: block }
.slider-nav span { width: 75px; height: 75px; text-indent: -9999px; position: absolute; z-index: 1000; bottom: 0; cursor: pointer; }
.slider-nav span.right {/* background: url(../images/arrow.png) right 0; */right: 0;}
.slider-nav span.left {/* background: url(../images/arrow.png) 0 0; */left: 0;}
.slider-nav span.right:hover { background-position: right bottom; }
.slider-nav span.left:hover { background-position: 0 bottom; }

/* 定时器 */
.timer {width: 40px;height: 40px;overflow: hidden;position: absolute;top: 10px;right: 10px;opacity: .6;cursor: pointer;z-index: 1001;}
.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px; background: url(../images/rotator-black.png) no-repeat; z-index: 3; }
.mask { display: block; width: 20px; height: 40px; position: absolute; top: 0; right: 0; z-index: 2; overflow: hidden; }
.rotator.move { left: 0; }
.mask.move { width: 40px; left: 0; background: url(../images/timer-black.png) repeat 0 0; }
.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; }
.pause.active { background: url(../images/pause-black.png) no-repeat 0 -40px; }
.timer:hover span.pause, span.pause.active { opacity: 1; }