#index-slider{ overflow:hidden;}
.clearfix {
 *zoom: 1;
}
.videolist { position:relative; float:left; width:360px; height:240px;     margin-right: 20px;
    margin-left: 15px; margin-top:15px; margin-bottom:120px; }
	.yema{ width:100%; float:left;}
.videolist:hover{ cursor: pointer; }
.videoed { display:none; width:50px; height:50px; position: absolute; left:45%; top: 38%; z-index:99; border-radius:100%; }

.vid{ display:none; border: 1px solid #080808; position:fixed; left:50%; top:50%; margin-left:-320px; margin-top:-210px; z-index:100; width:640px; height:360px; }
.videos{ text-align:center;display:none; background:rgba(0,0,0,0.5);  position: fixed; left:0; top:0;  z-index:100; width:100%; height:100%; }
.vclose { position:absolute; top:22%; border-radius:100%; cursor: pointer; }
.vtit{ text-align:center; height:60px; line-height:60px; font-size:16px; background:#f7f7f7}
.clearfix:before, .clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}
.box3{    width:1200px;
    margin: 0 auto;
    height: 900px;
    padding-top: 50px;}
video {
	 height: 420px;    margin-top: 10%;
	width: 100%;
}

.videolist img {
	border: none;
	max-width: 100%;

}
@media (max-width: 900px) {
	.box3 {
    width: 100%;
    margin: 0 auto;
   height: 2300px;
    padding-top: 00px;
}
.videolist {
    position: relative;
    float: left;
    width: 92%;
    height: 200px;
    margin-right: 20px;
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 120px;
}
}