@charset "utf-8";

#Slider *{ margin:0; padding:0;}

#Slider{
	width:1096px;
	padding:16px 68px 44px 68px;
	margin:0 auto;
	background: url(../images/slide_bk.png) no-repeat left top;
	background-size:100% 100%;
}
#Slider video{
  background: #000000;
}

#Slider img.main{
	float:left;
}
@media only screen and (max-width: 1096px){
	ul#Slider{
		width:auto;
		padding: 16px 0 44px;
	}
	ul#Slider li{
		width:960px!important;
		display:block!important;
		margin:0 auto;
	}
}
@media only screen and (max-width: 640px){
	ul#Slider li{
		width:100%!important;
	}
	#Slider img.main{
		width:76%;
	}
	#Slider a.btn{
		display:block;
		width:24%;
	}
	#Slider a.btn img{
		width:100%;
	}
}
@media only screen and (max-width: 510px){
	.president{
		width:190px;
		float:none!important;
		margin:10px auto;
		margin-left:auto!important;
	}
}

/* CSS Document */
.lof-slidecontent{
	position:relative;
	overflow:hidden;
	/*border:#F4F4F4 solid 1px;*/
	/*
	width:1000px;
	height:340px;
	*/
	width:960px;
	height:350px;
	margin:0 auto;
	/*background:#000;*/
	text-align:left;
}
div.lof-slidecontent .preload{
	height:100%;
	width:100%;
	background:#FFF;
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	color:#FFF;
	text-align:left;
}
div.lof-slidecontent .preload div{
	height:100%;
	width:100%;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
}
div.lof-slidecontent .lof-main-outer{
	position:relative;
	height:100%;
	/*width:676px;*/
	width:719px;
	border-right:1px solid #fff;
	z-index:3px;
	overflow:hidden;
}

/*******************************************************/
div.lof-slidecontent .lof-main-item-desc{
	z-index:100px;
	position:absolute;
	top:150px;
	left:50px;
	width:400px;
	background:url(../images/transparent_bg.png);

	/* filter:0.7(opacity:60) */
}


/* main flash */
div.lof-slidecontent ul.lof-main-wapper{
	/* margin-right:auto; */
	overflow:hidden;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
	padding:0px;
	margin:0;
	height:350px;
	width:719px;
	/*
	height:340px;
	width:676px;
	*/
	position:absolute;
	overflow:hidden;
}

div.lof-slidecontent ul.lof-main-wapper li{
	overflow:hidden;
	padding:0px;
	margin:0px;
	height:100%;
	width:719px;
	/*width:676px;*/
	float:left;
}
div.lof-slidecontent .lof-opacity  li{
	position:absolute;
	top:0;
	left:0;
	float:inherit;
}
div.lof-slidecontent ul.lof-main-wapper li img{
	padding:0px;
	/*width:676px;*/
	width:719px;
	height:350px;
}

div.lof-slidecontent li-desc{
	z-index:100px;
	position:absolute;
	top:150px;
	left:50px;
	width:400px;
	background:url(../images/transparent_bg.png);
	/* filter:0.7(opacity:60) */
}


/* item navigator */
div.lof-slidecontent .lof-navigator-outer{
	position:absolute;
	top:0;
	left:719px;
	z-index:100;
	overflow:hidden;
	color:#FFF;
	width:241px;
	height:350px;
	/*
	width:346px;
	height:340px;
	*/
}


div.lof-slidecontent ul.lof-navigator{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:241px;
	/*width:346px;*/
	/*width:100%;*/
}

div.lof-slidecontent ul.lof-navigator li{
	height:117px !important;
	background:#333;
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	/*width:100%;*/
	padding:0; margin:0;
	overflow:hidden;
}

div.lof-slidecontent .lof-navigator li.active{
	/*background:url(../images/arrow-bg.png) no-repeat scroll left center;*/
	color:#FFF
}
div.lof-slidecontent .lof-navigator li:hover{}



div.lof-slidecontent .lof-navigator li div{
	height:117px;
	/*height:117px !important;*/
	/*background:#FFFF00;*/
	/*background:url(../images/navigator_bg.png);*/
	color:#FFF;
	/*height:100%;*/
	position:relative;
	/*
	margin-left:15px;
	padding-left:15px;
	padding:10px 15px 0;
	border-top:1px solid #E1E1E1;
	*/
	padding:3px 5px 2px;
}

div.lof-slidecontent .lof-navigator li.active div{
	/*padding:3px 5px 2px;
	background:#FF0000;*/
	/*background:url(../images/grad-bg.png) no-repeat right top;*/
}
div.lof-slidecontent .lof-navigator li img{
	width:241px; height:117px;
	background:#FFF;
	/*
	height:74px;
	width:74px;
	*/
	margin:0;padding:0px;
	float:left;
	/*margin:0 10px 10px 0px;padding:3px;*/
	/*border:#fff solid 1px;*/
	opacity:0.30;
	filter: alpha(opacity=30);
}
div.lof-slidecontent .lof-navigator li.active img{
	/*border:#ffff00  solid 1px;*/
	width:241px; height:117px;
	/*width:231px; height:112px;*/
	opacity:1.00;
	filter: alpha(opacity=100);
}

/*

div.lof-slidecontent .lof-navigator li div dl{
	text-align:left;
}

div.lof-slidecontent .lof-navigator li div dl dt{ margin-bottom:10px;}
div.lof-slidecontent .lof-navigator li div dl dd{ font-size:12px; color:#FFF;}

div.lof-slidecontent .lof-navigator li div dl dt img{
	height:auto;
	width:auto;
	margin:0;
	float:none;
	padding:0;
	border:0;
}

div.lof-slidecontent .lof-navigator li.active div dl dt img{border:0;}

*/



@media only screen and (max-width: 640px){
#Slider{
	width:100%;
	padding: 0;
	background: none;
}

/* CSS Document */
.lof-slidecontent{
	width:100%;
	height:auto;
}
div.lof-slidecontent .preload{
	height:100%;
	width:100%;
	top:0;
	left:0;
	text-align:left;
}
div.lof-slidecontent .preload div{
	height:100%;
	width:100%;
}
div.lof-slidecontent .lof-main-outer{
	position:relative;
	width:100%;
	padding: 0 0 48.678%!important;
	z-index:3px;
	overflow:hidden;
}

/*******************************************************/
div.lof-slidecontent .lof-main-item-desc{
	z-index:100px;
	position:absolute;
	top:150px;
	left:50px;
	width:400px;
}


/* main flash */
div.lof-slidecontent ul.lof-main-wapper{
	
	width:100%;
	position:absolute;
}

div.lof-slidecontent ul.lof-main-wapper li{
	height:100%;
	width:100%;
	float:left;
}
div.lof-slidecontent .lof-opacity  li{
	position:absolute;
	top:0;
	left:0;
	float:inherit;
}
div.lof-slidecontent ul.lof-main-wapper li img{
	width:100%;
	height:auto;
}

div.lof-slidecontent li-desc{
	z-index:100px;
	position:absolute;
	top:150px;
	left:50px;
	width:400px;
}


/* item navigator */
div.lof-slidecontent .lof-navigator-outer{
	display: none;
}
}