.video-box{margin-top: 4.5vw;text-align: center;}
.VideoList_b1{margin-top: 1vw;}
.VideoList_b1 li{padding: 1vw;}
.VideoList_b1 li{width: 22.75%;border-radius: 5px;margin-right: 3%;float: left;box-sizing:border-box;background: #161616;padding: 1.5vw;border: 1px solid #ad8e6a;}
.VideoList_b1 li:nth-child(4n){margin-right: 0;margin-bottom: 1.5vw;}
.VideoList_b1 li a{overflow: hidden;display: block;width: 100%;position: relative;}
.VideoList_b1 li img{height: 10vw;display: block;transform: translate(-50%,0);-webkit-transform:translate(-50%,0);    opacity: 0.5;position: relative;left: 50%;max-width: none;}
.VideoList_b1 li a:after{content: "";display: block;background-image: url(../images/play.png);height: 82%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: 3.2vw 3.2vw;
    background-repeat: no-repeat;
    background-position: center;}
.VideoList_b1 li p{font-size: 16px;margin-top: 15px;line-height: 1.5;color: #ad8e6a;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.PhotoList_i1 li span{margin-top: 1.4vw;}
.VideoList_b1 li:hover img{opacity: 0.8;}
.VideoList_b1 li:hover{border: 1px solid #ffcea3;}
.VideoList_b1 li:hover{border: 1px solid #ffcea3;}
.VideoList_b1 li:hover p{color: #ffd29c;}

@media screen and (max-width: 1024px) {.VideoList_b1 li p{margin-top: 10px;}
    .VideoList_b1 li img{height: 23vw;}
    .video-box h1{font-size: 20px;}
    .VideoList_b1 li{width: 47.5%;margin-right: 5%;}
    .VideoList_b1 li:nth-child(3n){margin-right: 5%;}
    .VideoList_b1 li:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width: 640px){
    .video-box{margin-top: 10vw;}
    .VideoList_b1 li img{height: 30vw;} .VideoList_b1 li p{line-height: 1.5;height: 1.5em;font-size: 3.6vw;color: #ffd29c;}
    .video-box h1{font-size: 5.5vw;line-height: 1.0;display: inline-block;margin: 0 auto 4vw auto;}
    .VideoList_b1 li a:after{background-size: 10vw 10vw;}
}