@charset "utf-8";



#MK_VIDEO{
	position: fixed;width:40%;left:30%;top:-50%; z-index: 60;text-align: center;
}
#video_src{
	width:100%;margin:0 auto;outline: 0 solid #fff;background: #fff;
}

.video_list{width:1260px;margin:0 auto;padding:20px 0 25px 0;}
.video_list .boxs{width:300px;margin:0 20px 25px 0;display: inline-block;background:#fff;position:relative;}
.video_list .boxs.nomargin{margin:0 0 25px 0;}
.video_list .boxs:hover{box-shadow:0px 3px 3px #ddd;}
.video_list .boxs .name{background:#fff;text-align: center;height:40px;line-height: 35px;font-size:14px;}
.video_list .boxs .play{position:absolute;left:0;top:0;width:100%;height:190px;background:url(../img/icon_21.html) no-repeat center;background-size: 50px;}

.video_info h1{text-align: center;font-size:22px;font-weight: normal;color:#555;padding:50px 0 0 0;}
.video_info .play{width:1100px;margin:0 auto;padding:35px 0 ;}
.video_info .back{text-align: center;padding:0 0 25px 0;}
.video_info .back a{display: inline-block;width:130px;height:38px;line-height: 38px;border:2px solid #444;border-radius: 2px;text-align: center;font-size: 14px;letter-spacing: 2px;}
.video_info .back a:hover{color:#dedede;background:#444;}

@media screen and (max-width:600px)
{
    .video_list{width:95%;margin:0 auto;padding:20px 0 25px 0;}
    .video_list .boxs{width:46%;margin:0 2% 25px 2%;display: inline-block;background:#fff;}
    .video_list .boxs img{width:100%;height:auto;}
    .video_list .boxs:hover{box-shadow:2px 3px 3px #ddd;}
    .video_list .boxs .name{background:#fff;text-align: center;height:34px;line-height: 35px;font-size:14px;}

    .video_info h1{text-align: center;font-size:20px;font-weight: normal;color:#555;padding:23px 0 0 0;}
    .video_info .play{width:95%;margin:0 auto;padding:15px 0 ;}
    .video_info .play iframe{width:100%;height:250px;}
    .video_info .back{text-align: center;padding:0 0 25px 0;}
    .video_info .back a{display: inline-block;width:130px;height:38px;line-height: 38px;border:0 solid #444;border-radius: 2px;text-align: center;font-size: 14px;letter-spacing: 2px;}
    .video_info .back a:hover{color:#dedede;background:#444;}


    #MK_VIDEO{
        position: fixed;width:90%;left:5%;top:-50%; z-index: 60;text-align: center;
    }
    #video_src{
        height:auto;width:100%;margin:0 auto;outline: 0 solid #fff;background: #fff;
    }
}