.orbit-wrapper { position: relative; margin: 0 auto; } #featured { position: relative; width: 680px; height: 382px; overflow: hidden; background: #fff url("../images/loading.gif"/*tpa=http://zt.yongzhou.gov.cn/themes/default/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>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: 100%; 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: 90; bottom: 0; cursor: pointer; } .slider-nav span.right { background: url("../images/arrow.png"/*tpa=http://zt.yongzhou.gov.cn/themes/default/images/arrow.png*/) right 0; right: 0; } .slider-nav span.left { background: url("../images/arrow.png"/*tpa=http://zt.yongzhou.gov.cn/themes/default/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"/*tpa=http://zt.yongzhou.gov.cn/themes/default/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"/*tpa=http://zt.yongzhou.gov.cn/themes/default/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"/*tpa=http://zt.yongzhou.gov.cn/themes/default/images/pause-black.png*/) no-repeat; z-index: 4; opacity: 0; } .pause.active { background: url("../images/pause-black.png"/*tpa=http://zt.yongzhou.gov.cn/themes/default/images/pause-black.png*/) no-repeat 0 -40px; } .timer:hover span.pause, span.pause.active { opacity: 1; }