@charset "utf-8";

img {
	
	border:none
}
.fl {
	float:left
}
.fr {
	float:right
}
.overflow {
	overflow:hidden
}
input, select, textarea {
	outline:none
}
a, div, h1, h2, h3, h4, h5, h6, i, input, li, ol, span, textarea, ul {
	font-family:Microsoft Yahei
}
.center {
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
.no-photo {
	background:url(../images/no-photo.png) #eee 50% no-repeat
}
.video-list {
	width:100%;
	margin-top:30px
}
.video-list .items {
	width:290px;
	height:270px;
	background:#fff;
	float:left;
	margin-bottom:27px;
	margin-left:5px;
	margin-right:5px;
}
.video-list .items .video-box {
	width:100%;
	height:230px;
	position:relative;
	overflow:hidden;
	line-height:230px
}
.video-list .items .video-box > i{width:356px; height:270px; overflow:hidden;}
.video-list .items .video-box > i img {
	width:100%;
	height:100%;
transition:all .25s linear
}
.video-list .items .video-box .play-box {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:100%;
	height:100%;
	text-align:center;
	line-height:230px;
	color:#fff;
	cursor:pointer
}
.video-list .items .video-box .play-box .icon {
	font-size:47px;
	opacity:.5
}

.video-list .items .video-box p >.daq-icon1{
    width:60px;
	height:60px;
	margin:90px auto;
	overflow:hidden;
	display:block;
	opacity:.8
}
.video-list .items .video-box p >.daq-icon1 img{width:100%;display:block;
	height:100%;
transition:all .25s linear;
overflow:hidden; margin:0 auto;}

.daq-icon, .weather-font {
     font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.video-list .items .video-box .v-tit {
	width:100%;
	height:37px;
	display:block;
	text-align:center;
	font:700 14px/37px Microsoft YaHei;
	color:#fff;
	position:absolute;
	opacity:1!important;
	top:190px;
	left:0;
transition:all .25s linear
}
.video-list .items .video-box .video-bg {
	width:100%;
	height:100%;
	background:url(../images/mask-6.png);
	position:absolute;
	top:185px;
	left:0;
transition:all .25s linear
}
.video-list .items .dz-btn:hover, .video-list .items .play-btn:hover {
	color:#00a0e9
}
.video-list .items .v-btn {
	margin-top:15px;
	color:#999;
	font:normal 14px Microsoft YaHei
}
.video-list .items .v-btn a {
	position:relative;
	cursor:pointer
}
.video-list .items .v-btn span {
	font-size:18px;
	 color:#999;
}
.daq-icon {
    font-family: daq-icon!important;
}
.video-list .items .v-btn a .daq-icon2{width:100%; height:auto; margin:0 auto; overflow:hidden;}
.video-list .items .v-btn a .daq-icon2 h6{width:18px; height:18px; overflow:hidden; float:left; margin:6px 0 0 95px;}
.video-list .items .v-btn a .daq-icon2 h6 img{width:100%; height:18px; overflow:hidden;}
.video-list .items .v-btn a .daq-icon2 h1{ overflow:hidden; float:left;line-height:30px; font-weight:normal; font-family: Microsoft YaHei,"宋体",Arial, Helvetica, sans-serif;font-size:16px; color:#999; padding:0 0 0 10px;}
.video-list .items .v-btn:hover a .daq-icon2 h1{color:#b27f2c;}
.video-list .items .v-btn:hover a .daq-icon2 h1 span{color:#b27f2c;}

.video-list .items .v-btn .play-btn {
	margin-right:15px
}
.video-list .items:hover .icon img {
	opacity:1!important
}
.video-list .items:hover .video-bg {
	top:0;
transition:all .25s linear
}
.video-list .items:hover .video-img {
transition:all .25s linear;
	transform:scale(1.1)
}
.num, .playnum {
	font-size:14px!important
}
.filter-wrap2 {
	width:auto;
	height:50px;
	margin:0 auto;
	margin-top:28px;
	display:inline-block;
	_dispaly:line;
	_zomm:1;
	overflow:hidden;
	text-align:center;
	border:1px solid #3c99ff;
	border-radius:50px
}
.filter-wrap2 .item {
	float:left;
	width:179px;
	height:100%;
	cursor:pointer;
	text-align:center;
	font:700 16px/50px Microsoft YaHei;
	border-right:1px solid #3c99ff
}
.filter-wrap2 .item a {
	display:block;
	width:100%;
	height:100%;
	color:#3c99ff
}
.filter-wrap2 .item:last-child {
	border-right:none
}
.filter-wrap2 .on {
	background:#3c99ff
}
.filter-wrap2 .on a {
	color:#fff
}
.filter-wrap2 {
	display:-moz-inline-box;
*display:inline
}
.dz-btn {
	position:relative
}
.media-popup {
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	z-index:1000;
	background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAG0lEQVR42mKUVdHfzEAEYGIgEowqpI5CgAADAN/9ATf322RYAAAAAElFTkSuQmCC);
	display:none
}
.media-hd {
	position:fixed;
	right:-100px;
	top:-100px;
	z-index:100;
	width:200px;
	height:200px;
	line-height:280px;
	text-indent:45px;
	background:#eee;
	background:hsla(0, 0%, 100%, .2);
	border-radius:50%
}
.media-hd:hover {
	background:#ddd;
	background:hsla(0, 0%, 100%, .3)
}
.media-hd a {
	display:block;
	color:#fff;
	font-size:30px
}
.media-content {
	width:1120px;
	height:694px;
	background:#fff;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-575px;
	margin-top:-362px;
	border-radius:5px;
	overflow:hidden;
	padding:15px
}
.media-title {
	height:60px;
	font:normal 24px/60px Microsoft YaHei;
	color:#00a0e9;
	position:relative
}
.media-title .fs {
	width:20px;
	height:20px;
	display:block;
	position:absolute;
	right:0;
	top:20px;
	font-size:16px;
	color:#999;
	cursor:pointer;
	line-height:18px!important
}
.media-title .fs:hover {
	color:#00b9af
}
.media-title>span {
	display:inline-block;
	max-width:85%;
	vertical-align:top;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden
}
.media-title .media-icon {
	display:inline-block;
	margin-right:8px;
	vertical-align:top;
	font-size:20px
}
.shares {
	position:relative;
	width:30px;
	height:100%;
	color:#666;
	cursor:pointer
}
.shares:hover {
	color:#00a0e9
}

@media screen and (min-device-width:320px) and (max-device-width:768px){
	.video-list .items { width: 47%;  height: 200px;  }
	.video-list .items .video-box {  height: 145px; line-height: 145px }
	.video-list .items .v-btn a .daq-icon2 {  width: 65%;  }
	.video-list .items .v-btn a .daq-icon2 h6 {margin: 6px 0 0 10px;  }
}