@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: fixed;
	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-sl{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	min-width: 100%;
	width: 100%;
	min-height: 100%;
	height: 100%;
	background: url(../images/home-bg-sl.png) repeat-x 0 bottom;
}
#big-mask-sl_b{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 11;
	min-width: 100%;
	width: 100%;
	height: 111px;
	background: url(../images/home-bg-sl_b.png) repeat-x 0 bottom;
}

#big-mask{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	min-width: 100%;
	width: 100%;
	min-height: 100%;
	height: 100%;
	background: url(../images/home-bg.png) repeat;
}

#top_bg{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 36px;
	padding: 0;
}

#top{
	margin-right: 37px;
}

#aside{
	position: absolute;
	z-index: 11;
	left: 40px;
	top: 60px;
	margin: 0;
	padding: 0 0 146px 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: fixed;
	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: fixed;
	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;
}

body.home {
	background:none;
}

html, body{
	background: #000000 !important;
	height: 100%;
    margin: 0;
    min-height: 100%;
    min-width: 100%;
    /*overflow: hidden;*/
    padding: 0;
    width: 100%;

}
#holder {
	padding:0 0 38px 0;
	margin:0
}
#holder.slide {
	padding:0;
}
#holder.video {
	padding-bottom:0;
	overflow:hidden;
}
#holder.jw {
	padding:0;
	padding-bottom:0;
	overflow:hidden;
}
#holder-home {
	margin:0;
	padding:23px 0 0 260px;
	overflow:hidden;
	
}
#bottom div {
	margin:0;
	padding:0;
	height:auto;
}
.static #bottom div {
    height: 25px;
    margin: 0 40px;
    padding-top: 11px;
    position: relative;
}
.static #bottom, .page-template-home-video-php #bottom{
	position: fixed !important;
	bottom: 0;
	left: 0;
	z-index: 11;
}
.static #aside, .video #aside{
	padding-bottom: 60px !important
}
	.static #bottom div ul {
		margin-right:0;
	}
	#bottom .jp-gui {
		padding:11px 0 0 0;
	}
	#bottom .jp-controls {
		position:relative;
		z-index:200;
		padding:0 41px;
	}
		#bottom .jp-controls a {
			float:left;
			position:relative;
			z-index:201;
		}
	 #bottom .jp-play{
		height: 23px;
		width:22px;
	    background: url(../images/playd.png) no-repeat 0 0px;		
		margin:0 7px 0 0;
	}
	#bottom .jp-pause {
		height: 23px;
		width:22px;
	    background: url(../images/playd.png) no-repeat -22px 0px;
		margin:0 7px 0 0;
	}
	#bottom .jp-play:hover, #bottom .jp-stop:hover {
		background-position:0 -23px;
	}
	#bottom .jp-pause:hover {
		background-position:-22px -23px;
	}
	 #bottom .jp-stop{
		height: 23px;
		width:22px;
	    background: url(../images/stop.png) no-repeat 0 0px;
		margin:0 7px 0 0;
	}
	#bottom .jp-progress {
		background:#332d28;
		float: left;
		height: 8px;
		margin: 7px 45px 0 29px;
		max-width: 2300px;
		min-width: 600px;
		overflow: hidden;
		width: 70%;
	}
		#bottom .jp-seek-bar {
			background:#5a534c;
			height: 100%;
			overflow: hidden;
		}
			#bottom .jp-play-bar {
				background:#d9d6d0;
				height: 100%;
				overflow: hidden;
			}
	a.jp-mute {
		background: url("../images/volume.png") no-repeat 0 0;
		float: left;
		height: 10px;
		margin: 6px 4px 0 0;
		width: 18px;
	}
	a.jp-unmute {
		background: url("../images/volume.png") no-repeat 0 -10px;
		float: left;
		height: 10px;
		margin: 6px 4px 0 0;
		width: 18px;
	}
	#bottom .jp-volume-bar {
		background:#332d28;
		float: left;
		height: 8px;
		margin: 7px 10px 0 0;
		width: 53px;
	}
		#bottom .jp-volume-bar-value {
			background:#d9d6d0;
			cursor: pointer;
			height: 8px;
		}
	a.jp-volume-max {
		background: url("../images/volume-max.png") no-repeat 0 0;
		float: left;
		height: 15px;
		margin: 4px 0 0 0;
		width: 19px;
	}
.pg_content {
	position:relative;
}
.pg_content.video{
	position: fixed;
}
	.pg_description {
		position:fixed;
		right:0px;
		bottom:39px;
		z-index:99;
	}
.pg_description h2{
	color:#000;
	font-size:25px;
	font-weight:bold;
	margin:0px;
	line-height:30px;
	padding:0px 0px 13px;
}
.pg_description p{
	font-size:12px;
	width:410px;
	overflow:hidden;
	text-shadow:none;
	color:#272727;
	margin:0;
}

	#pg_desc1 div h1, #pg_desc1 div h2, #pg_desc1 div h3, #pg_desc1 div h4, #pg_desc1 div h5{
		padding: 0px 20px 3px;
		color:#fff
	}
.static #pg_desc1 div {
	right: 23px;
}
#pg_desc2 div{
	bottom: 70px;
	right: 200px;
	background: url(../images/desc-bg.png) no-repeat top left;
	z-index: 999;
	width:424px;
	display:block;
	padding:14px 20px 10px 20px;
}
	#pg_desc2 div a.go_more{
		margin:13px 0 4px;
	}
	#pg_desc2 div.desc-b {
		background: url(../images/desc-bg-b.png) no-repeat top left;
		display:block;
		height:14px;
		width:464px;
	}
.static #supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
	
	.static #supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:0; height:100%; width:100%; }
		.static #supersized img{ width:auto; height:auto; position:relative; outline:none; border:none; }
		
		.static #supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; }