@charset "utf-8";
/* CSS Document */

html, body{ 
	margin: 0;
	padding: 0;
	min-width: 100%;
	width: 100%;
	min-height: 100%;
	height: 100%;
	overflow: hidden;
}
#bg{
	min-width: 100%;
	width: 100%;
	min-height: 100%;
	height: 100%;
}
#big-image{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	min-width: 100%;
	width: 100%;
	min-height: 100%;
	height: 100%;
}
	#big-image li{
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		min-width: 100%;
		width: 100%;
		min-height: 100%;
		height: 100%;
		overflow: hidden;
	}
		#big-image li img{
			width: 100%;
			min-height: 100%;
		}

#big-mask{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	min-width: 100%;
	width: 100%;
	min-height: 100%;
	height: 100%;
	background: url(../images/home-bg.png) repeat-x 0 bottom;
}
#top_bg{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 36px;
	padding: 0;
}
#top{
	margin-right: 37px;
}
#aside{
	position: absolute;
	z-index: 5001;
	left: 40px;
	top: 60px;
	margin: 0;
	padding: 0;
}

#footer{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1000;
	width: 100%;
	height: 135px;
	background: url(../images/home-footer-bg.png) no-repeat center bottom;
}

#slider{
	position: absolute;
	bottom: 30px;
	left: 50%;
	z-index: 1001;
	width: 2760px;
	height: 70px;
}
	#slider div{
		position: absolute;
		left: -65px;
		width: 100%;
		height: 70px;
		background: url(../images/home-footer-w-bg.png) no-repeat 14px 4px;
	}
	#slider ul{
		position: absolute;
		left: 0px;
		width: 100%;
		margin: 0;
		padding: 0;
	}
		#slider ul li{
			float: left;
			position: relative;
			margin: 0 0 0 10px;
			width: 102px;
			height: 62px;
			padding: 4px;
			background: url(../images/home-slide-bg.png) no-repeat 0 0;
		}
			#slider ul li img{
				width: 102px;
				height: 62px;
			}
			#slider ul li i{
				position: absolute;
				left: 4px;
				top: 4px;
				width: 102px;
				height: 62px;
				opacity: 0.2;
				background: black;
			}
				#slider ul li a:hover i{
					opacity: 0;
				}

#slider_controls{
	position: absolute;
	z-index: 1002;
	bottom: 0;
	left: 50%;
	width: 110px;
	height: 135px;
}
	#slider_controls div{
		position: absolute;
		left: -137px;
		width: 274px;
		height: 135px;
		background: url(../images/home-footer-bg.png) no-repeat 0 bottom;
	}
	#slider_controls ul{
		position: absolute;
		left: 86px;
		top: 39px;
		width: 102px;
		height: 62px;
		overflow: hidden;
	}
	#slider_controls ul li,
	#slider_controls ul li img{
		width: 102px;
		height: 62px;
	}
	#slider_controls ul li{
		position: absolute;
		left: 0;
		right: 0;
	}
	
#control_play, #control_pause, #control_f, #control_b{
	position: absolute;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#control_play, #control_pause{
	left: 86px;
	top: 39px;
	width: 102px;
	height: 62px;
}
#control_play:hover, #control_pause:hover{
	background-position: 0 -62px;
}
#control_play{
	background-image: url(../images/home-play.png);
}
#control_pause{
	display: none;
	background-image: url(../images/home-pause.png);
}
#control_b, #control_f{
	top: 60px;
	width: 22px;
	height: 23px;
}
#control_b:hover, #control_f:hover{
	background-position: 0 -23px;
}
#control_b{
	left: 46px;
	background-image: url(../images/home-b.png);
}
#control_f{
	right: 48px;
	background-image: url(../images/home-f.png);
}

#loading {
	position: absolute;
	left: 45%;
	top: 45%;
	width: 173px;
	height: 71px;
	background-image: url(../images/loading.png);
}
#big-image {
   visibility: hidden;
}

html, body{
	background: #000000 !important;
}