/*视频教程*/
.videos{ width:100%; overflow: hidden; position: relative; display: block;padding-top: 40px; margin-bottom: 40px;}
.videos ul{zoom: 1;}
.videos ul li{width:32%;background:#fff;margin-bottom:20px;float:left;margin-right: 2%;}
.videos ul li:nth-child(3n){margin-right: 0;}
.videos ul li .video_img{position:relative;overflow:hidden;width:100%; height: 220px;}
.videos ul li .video_img img{width:100%; height: 220px;transition: all 1s ease 0s;}

.videos ul li .video_img:hover img{transform: scale(1.1,1.1)}
.videos ul li .video_img i{position:absolute;width:79px;height:80px;display: block;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../images/videoplaybtn.png) no-repeat center;cursor:pointer;}
.videos ul li .note{padding:15px 0px 30px;text-align:left;}
.videos ul li .note .tingt{font-weight:normal;font-size:16px;color:#333;}
.videos ul li .note .eningt{font-weight:normal;font-size:15px;color:#333; line-height: 26px;}
@media (max-width:1200px) {
.videos{width: 92%;  margin: auto;}
.videos ul li{width: 32%; margin-right: 2%;}
.videos ul li .video_img{width:100%; height: 200px;}
}
@media (max-width:960px) {

.videos ul li{width: 48%; margin-right: 4%;}
.videos ul li:nth-child(4n){margin-right: 4%;}
.videos ul li:nth-child(2n){margin-right: 0;}
.videos ul li .video_img{ height: 220px;}
}
@media (max-width:640px) {

.videos ul li{width: 100%; margin-right: 0%;}
.videos ul li .video_img{ height: auto;}
}

/*视频教程*/