.banner{
	width:100%;
}
.bannerImg{
	width:100%;
}
.banner_pc{
	display:block;
}
.banner_mb{
	display:none;
}
/* highlight start */
.highlight{
	background: url("../images/highlight_bg.jpg") no-repeat center;
	background-size: 100% 100%;
	-ms-behavior: url("../images/backgroundsize.htc");
	behavior: url("../lib/backgroundsize.htc");
	font-family: "AkkuratPro-light" !important;
	display:none;
}
.highlight_title_img{
	height: 160px;
}
.highlight_content{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding:0 0 6% 0;
}
.highlight_text{
	color: #ffffff;
	font-size: 17px;
	line-height: 25px;
	margin-top: 3%;
	filter: alpha(opacity=0);
    opacity: 0;	
}
.video_btb1{
	margin-top: 6%;
	text-align:center;
}
.video_list{
	font-size: 0;
	letter-spacing: -20px;
	margin-top: 12%;
	text-align: justify;
	opacity:0;
	filter:alpha(opacity=0);
}
.video_list:after{
	content: "";
	display: inline-block;
	width: 100%;
	height: 1px;
}
.video_area{
	position: relative;
	display: inline-block;
	/* width: 25%; */
	width: 22.5%;
	text-align: center;
}

.video_cover_img{
	/* width: 90%; */
	width: 100%;
    border: 4px solid #8c8e90;
    border-radius: 4px;
}
.play2_btn{
	position: absolute;
	left: 12%;
	bottom: 10%;
	cursor: pointer;
}
.save-video{
	cursor: pointer;
}

/* highlight end */

/* ��Ƶ�Դ����� start */
.bg_video_content{
	position:relative;
	width:100%;
	height:700px;
	display:block;
}
.bg-video_title{
	position:relative;
	width:100%;
	padding-left:20%;
	display:block;
	z-index:10;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.bg_video_container{
	overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
	
}
.ie8_img{
	position:relative;
	width:100%;
	height:auto;
	display:none;
}
/* ��Ƶ�Դ����� end */

@media screen and (min-width:1px) and (max-width:767px){
	.banner_pc{
		display:none;
	}
	.banner_mb{
		display:block;
	}
	/* highlight start */
	.highlight{
		background-size: cover;
	}
	.highlight_content{
		padding: 0 15px 20px 15px;
	}
	.highlight_title_img{
		height: 80px;
	}
	.highlight_text{
		display: none;
	}
	.video_btb1 .save-video{
		width: 50px;
	}
	.video_area .save-video{
		width: 25px;
		left: 7%;
	}
	/* highlight end */
	
	/* ��Ƶ�Դ����� start */
	.bg_video_content{
		height:280px!important;
	}
	.bg-video_title{
		padding-left:5%;
		box-sizing:border-box;
	}
	.ie8_img{
		display:block;
	}
	video{
		display:none;
	}
	/* ��Ƶ�Դ����� end */
}

@media screen and (min-width:1400px) and (max-width:1920px){
	.bg_video_content{
		height:980px;
	}
	.highlight_title_img {
    	height: 200px;
	}
}