.PhotoList_i1 ul{display: block;text-align: center;}
.PhotoList_i1 li a{position: relative;display: block;overflow: hidden;height: 14vw;box-sizing: border-box;border: 1px solid #eee;margin-bottom: 1.0vw;}
.PhotoList_i1 ul li a img{display: inline-block;max-width: 95%;max-height: 95%; position: absolute;top: 50%;display: block;width: auto;
    left: 50%; transform: translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.PhotoList_i1 ul li{display: block;float: left; width: 22.5%;margin: 0 1.25%;margin-bottom: 2.6vw;}
.PhotoList_i1 ul li h4{display: none;}
.PhotoList_i1 ul li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
@media screen and (min-width: 1250px) {
    .PhotoList_i1 ul li:hover span{color: #ff6000;}
    .PhotoList_i1 ul li a:hover{border-color: #ff6000;}
}
@media screen and (max-width: 1024px) {
    .PhotoList_i1 li a{height: 17vw;}  
    .PhotoList_i1 ul li span{font-size: 16px;margin-top: 1vw;}
    .PhotoList_i1 ul li{margin-bottom: 2vw;padding-bottom: 1vw;}
    .PhotoList_i1 ul li{width: 30.3%;}
}
@media screen and (max-width: 640px){
    .PhotoList_i1 li a {height: 36vw;}
    .PhotoList_i1 ul li{display: block;float: left; width: 47.5%;margin: 0 1.25% 4vw 1.25%;}
    .PhotoList_i1 ul li span{margin-top: 2.5vw;font-size: 3.8vw;}
}