﻿.orbit-wrapper {
	margin: 0px auto; position: relative;
}
#featured {
	background: url("../images/loading.gif") no-repeat 50% rgb(255, 255, 255); width: 680px; height: 382px; overflow: hidden; position: relative;
}
.orbit > img {
	border: 0px currentColor; border-image: none; left: 0px; top: 0px; display: none; position: absolute;
}
.orbit > a {
	border: 0px currentColor; border-image: none; left: 0px; top: 0px; line-height: 0; display: none; position: absolute;
}
.orbit > div {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.orbit-item {
	background-color: rgb(245, 245, 245);
}
.orbit-caption {
	background: rgba(0, 0, 0, 0.3); font: 16px/30px "Microsoft Yahei"; left: 0px; width: 100%; height: 55px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); display: none; position: absolute; z-index: 10; font-size-adjust: none; font-stretch: normal;
}
.orbit-bullets {
	list-style: none; margin: 15px 0px 15px -50px; padding: 0px; left: 50%; bottom: 0px; position: absolute; z-index: 1000;
}
.orbit-bullets li {
	margin: 0px 5px; width: 10px; height: 10px; text-indent: -9999px; overflow: hidden; float: left; cursor: pointer; background-color: rgb(0, 0, 0);
}
.orbit-bullets li.active {
	background-color: rgb(73, 207, 241);
}
.orbit-bullets li.has-thumb {
	background: none; width: 100px; height: 75px;
}
.orbit-bullets li.has-thumb.active {
	background-position: 0px 0px; border-top-color: rgb(0, 0, 0); border-top-width: 2px; border-top-style: solid;
}
.slider-nav {
	display: block;
}
.slider-nav span {
	width: 75px; height: 75px; bottom: 0px; text-indent: -9999px; position: absolute; z-index: 1000; cursor: pointer;
}
.slider-nav span.right {
	
}
.slider-nav span.left {
	
}
.slider-nav span.right:hover {
	background-position: right bottom;
}
.slider-nav span.left:hover {
	background-position: 0px bottom;
}
.timer {
	top: 10px; width: 40px; height: 40px; right: 10px; overflow: hidden; position: absolute; z-index: 1001; cursor: pointer; opacity: 0.6;
}
.rotator {
	background: url("../images/rotator-black.png") no-repeat; left: -20px; top: 0px; width: 40px; height: 40px; display: block; position: absolute; z-index: 3;
}
.mask {
	top: 0px; width: 20px; height: 40px; right: 0px; overflow: hidden; display: block; position: absolute; z-index: 2;
}
.move.rotator {
	left: 0px;
}
.move.mask {
	background: url("../images/timer-black.png") 0px 0px; left: 0px; width: 40px;
}
.pause {
	background: url("../images/pause-black.png") no-repeat; left: 0px; top: 0px; width: 40px; height: 40px; display: block; position: absolute; z-index: 4; opacity: 0;
}
.active.pause {
	background: url("../images/pause-black.png") no-repeat 0px -40px;
}
.timer:hover span.pause {
	opacity: 1;
}
span.active.pause {
	opacity: 1;
}