@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2017-08-08 10:40:47
 * @version $Id$
 */
div{
	overflow: hidden;
}
.video-banner{
	position:relative;
	background:url(/Shared/home2017/images/slider/banner2.jpg) no-repeat;
	min-width:1000px;	
	display: inline-block;    
    width:100%; 
    min-height:500px;
    /*background-size:100% 100%;*/
     background-position: 50% 50%;
	/*background-size: 100% 100%;*/
	background-size: cover;
}

.video-banner-text{
	width:100%;
	text-align:center;
	color:#fff;
	background:#79c061;
	padding:20px 0;
}

.video-banner-text h4{
	margin-top:30px;
}

.wrap-video{
	width:100%;
	max-width: 1200px;
	min-width: 960px;
	margin:10px auto;
}

.video-top{
	width:100%;
	margin-bottom:20px;
}

.video-left{
	width:66.2%;
	float:left;
	margin-right:9px;
}

.video-right{
	width:32.8%;
	float:left;
}

.video-list-left,.video-list-right{
	position:relative;
}

.video-down{
	width:100%;
}

.video-down .video-list{
	width:32.7%;
	float:left;
	margin:0 9px 5px 0;
	position:relative;
}

.video-down .video-list:nth-child(3n+0){
	margin-right:0;
}

.video-list .video-img{
	width:100%;
}

.video-img img{
	width:100%;
}

.video-text{
	color:#fff;
	position: absolute;
	z-index: 2;
	bottom:5px;
	margin:0 auto;
	text-align:center;
	width:100%;
	padding:5px;
	background-color: rgba(0,0,0,0.5);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.video-index{
	width:100%;
	max-width: 1024px;
	margin: 0 auto;
}

@media screen and (max-height: 768px){
	.video-banner{
	position:relative;
	background:url(/Shared/home2017/images/slider/banner2.jpg) no-repeat top center;	
	display: inline-block;    
    width:100%; min-height:340px;
    min-width: 960px;
	background-position: 50% 50%;
	/*background-size: 100% 100%;*/
	background-size: cover;
}

.wrap-video{
	width:100%;
	max-width: 960px;
	margin:10px auto;
}

.video-index{
	width:100%;
	max-width: 800px;
	margin: 0 auto;
}



}