body{
	background: #eef1f5;
}
.news_wrap {
	overflow: hidden;
	background: url(../image/wrap_bg.jpg) no-repeat 0 0;
	background-size: 100% 100%;
}
.media_cont {
	padding:15px 3% 0;
}
.video-news-list{
	margin-top: 10px;
}
.video-news{
	margin-bottom: 15px;
	width: 48%;
	float: left;
	overflow: hidden;
}
.video-news:nth-child(2n-1){
	margin-right: 4%;
}
.video-div{
	width: 100%;
	position: relative;
}
.play-div{
	position: absolute;
	width: 100%;
	height: 100%;
}
.play-div i{
	display: block;
	width: 48px;
	height: 48px;
	position: relative;
	top: 50%;
	left: 0;
	right: 0;
	margin: -24px auto 0 auto;
}
.video-div {
	background: url(../image/default_img.png) no-repeat 0 0;
	background-size: 100% 100%;
}
.video-div img{
	width: 100%;
	height:100%;
}
.video-title{
	line-height: 1.8;
	color: #FFF;
	overflow: hidden;
	font-size: 14px;
	white-space: nowrap;
	text-overflow:ellipsis;
}
.video-time{
	position: absolute;
	text-align: right;
	right: 0px;
	bottom: 0px;
	color: #fff;
	padding: 10px 15px;
	font-size: 12px;
}
.author-img{
	display: inline-block;
	vertical-align: middle;
	height: 20px;
	width: 20px;
	border-radius: 2px;
}
.about_this_media p{
	font-size: 12px;
	color: #f9b1b3;
	vertical-align: middle;
}
/*loading*/
.load {
	position:fixed;
	left:0;
	bottom:0;
	display: none;
	width:100%;
	clear: both;
	height:24px;
	line-height:24px;
	font-size:12px;
	background:rgba(255,255,255,.4);
}
.load_img { 
	text-align:center;
}
.load_img img {
	display: inline-block;
	vertical-align: -4px;
}

.video-news {
	position:relative;
}
.video-news img.corner {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
	width: 30%;
}

@media screen and (max-width:320px){
	.video-div {
		height:81px;
	}
}
@media screen and (min-width:360px) and (max-width:375px){
	.video-div {
		height:91px;
	}
}
@media screen and (min-width:375px) and (max-width:380px){
	.video-div {
		height:95px;
	}
}
@media screen and (min-width:390px) and (max-width:400px){
	.video-div {
		height:99px;
	}
}
@media screen and (min-width:410px) and (max-width:430px){
	.video-div {
		height:105px;
	}
}
@media screen and (min-width:430px) and (max-width:440px){
	.video-div {
		height:110px;
	}
}
