﻿/* 代码整理：懒人之家 www.lanrenzhijia.com */
.orbit-wrapper { position: relative; margin: 0 auto; }
#featured { position: relative; width: 585px; height: 335px; overflow: hidden;;}
.orbit > img { display: none; position: absolute; top: 0; left: 0; border: 0 none; width: 585px; height: 335px;}
.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: 52px; font: 16px/30px "Microsoft Yahei"; text-align: center; color: #fff; background: rgba(0,0,0,.5); }

/* 导航 */
.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: #9c9b9b; }
.orbit-bullets li.active { background-color: #fd0303; }
.orbit-bullets li.has-thumb { background: none; width: 100px; height: 52px; }
.orbit-bullets li.active.has-thumb { background-position: 0 0; border-top: 2px solid #000; }
.slider-nav { display: block }
.slider-nav span { width:52px; height:52px; text-indent: -9999px; position: absolute; z-index: 1000; bottom: 0; cursor: pointer; }
.slider-nav span.right { background: url(imagesarrow.png) right 0; right: 0; }
.slider-nav span.left { background: url(imagesarrow.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: .5; cursor: pointer; z-index: 1001; }
.rotator { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: -20px;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; }
.pause { display: block; width: 40px; height: 40px; position: absolute; top: 0; left: 0; bz-index: 4; opacity: 0; }
.pause.active { }
.timer:hover span.pause, span.pause.active { opacity: 1; }
/* 代码整理：懒人之家 www.lanrenzhijia.com */