#index-slider{ overflow:hidden;}
.clearfix {
 *zoom: 1;
}
.videolist { position:relative; float:left; width:30%; height:230px;     margin-right: 20px;
    margin-left: 15px; margin-top:15px; margin-bottom:90px; }
.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;
}

video {
	 height: 420px;    margin-top: 10%;
	width: 100%;
}

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

}
@media only screen and (max-width: 414px) {
.vtit {
      text-align: center;
    height: 45px;
    line-height: 16px;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    background: #f7f7f7;
}
.videolist {
    position: relative;
    float: left;
    width: 48%;
    height: 200px;
    margin-right: 00px;
    margin-left: 5px;
    margin-top: 15px;
    margin-bottom: 90px;
}
.videolist {
    position: relative;
    float: left;
    width: 48%;
    height: 150px;
    margin-right: 00px;
    margin-left: 5px;
    margin-top: 15px;
    margin-bottom: 30px;
}
.videolist img {
    border: none;
    height: 140px;
    max-width: 100%;
}
}