.ul_videoli {
	width: 1200px;
	overflow:hidden
}
.ul_videoli li {
	float:left;
	width: 270px;
	margin: 0 26px 30px 0;
	height: 220px;
	overflow:hidden;
	font-size:12px










}
.ul_videoli li img {
	margin-bottom:8px
}


.viewbg {
	position:absolute;
	background-image:url(../images/grid.gif);
	top:0;
	bottom:0;
	width:100%
}
.view img {
	display:block;
	position:relative
}
.view a.info:hover {
	-webkit-box-shadow:0 0 5px #000;
	-moz-box-shadow:0 0 5px #000;
	box-shadow:0 0 5px #000
}
.view .mask {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;
	background-color: rgba(0,0,0,0.7);
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out




}
.view .maskh5 {
	-webkit-transform:translateY(100px);
	-moz-transform:translateY(100px);
	-o-transform:translateY(100px);
	-ms-transform:translateY(100px);
	transform:translateY(100px);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-o-transition:all .2s linear;
	-ms-transition:all .2s linear;
	transition:all .2s linear
}
.view .maskp {
	-webkit-transform:translateY(100px);
	-moz-transform:translateY(100px);
	-o-transform:translateY(100px);
	-ms-transform:translateY(100px);
	transform:translateY(100px);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-o-transition:all .2s linear;

	-ms-transition:all .2s linear;
	transition:all .2s linear
}
.view:hover img {
	-webkit-transform:scale(1.1,1.1);
	-moz-transform:scale(1.1,1.1);
	-o-transform:scale(1.1,1.1);
	-ms-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1)
}
.view:hover .mask {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1
}
.view:hover h5,.view:hover p {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	-o-transform:translateY(0px);
	-ms-transform:translateY(0px);
	transform:translateY(0px)
}
.view:hover p {
	-webkit-transition-delay:.1s;
	-moz-transition-delay:.1s;
	-o-transition-delay:.1s;
	-ms-transition-delay:.1s;
	transition-delay:.1s
}
.view-first {
	width:228px;
	height:310px;
	overflow:hidden;
	position:relative;
	text-align:center
}
.view-first h5 {
	position:absolute;
	top:170px;
	color:#000;
	text-align:center;
	position:relative;
	font:25px 'Microsoft Yahei',Verdana,Geneva,sans-serif;
	padding:10px;
	margin:20px 0 0 0;
	color:#FFF;
	border-bottom:1px solid #e74c3c;
	width:80%;
	margin:0 auto
}
.view-first p {
	position:absolute;
	top:170px;
	font:14px Verdana,Geneva,sans-serif;
	position:relative;
	color:#ccc;
	text-transform:uppercase;
	padding:10px 20px 20px;
	text-align:center;
	line-height:25px
}
.view-first img {
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-o-transition:all .2s linear;
	-ms-transition:all .2s linear;
	transition:all .2s linear
}
.view-first .mask {
	width:228px;
	height:310px;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0
}
.view-2 {
	width:180px;
	overflow:hidden;
	position:relative;
	text-align:center
}
.view-2 h4 {
	text-align:center;
	position:relative;
	font-size: 14px;
	font-style:normal;
	padding-top:10px;
	font-weight:normal
;
	line-height: 1.6;
}
.view-2-img {
	width: 270px;
	height: 170px;
	overflow:hidden



}
.view-2 img {
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-o-transition:all .2s linear;
	-ms-transition:all .2s linear;
	transition:all .2s linear
}
.view-2 .mask {
	width: 270px;
	height: 170px;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0



}
.view-2 .icon-play {
    width:50px;
    height:50px;
    background-image: url("../images/video1.png");
    background-repeat: no-repeat;
    margin-top: 62px;
    line-height:120px
;
    margin-left: 110px;
}
.view-2 .videotime {
	display:block;
	position:absolute;
	left: 87px;
	bottom:10px
}
.view-2 a h4 {
}
.view-2 a .mask {
	color:#FFF
}