@charset "utf-8";
.PhotoList_i1 { padding:0;}
.PhotoList_i1 li{ width:31%; margin:0 1% 1.5%; float:left; }
.PhotoList_i1 li span{ font-size: 16px;display: block; width: 100%;line-height: 48px; overflow: hidden; text-overflow: ellipsis;   white-space: nowrap; text-align:center;}
.PhotoList_i1 li a{ text-align:center; height:300px;background: #fff;width: 80%; padding: 10%;position: relative; display:table-cell; overflow: hidden; vertical-align:middle;}
.PhotoList_i1 li a img{ display:inline-block; vertical-align:middle;transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s; /*height:100%;*/ max-width:95%; margin:0;}
.PhotoList_i1 li a:hover img{transform: scale(1.3);transition: all 1s ease 0s;-webkit-transform: scale(1.3);-webkit-transform: all 1s ease 0s;}
.PhotoList_i1 li a h4{ display:none;position: absolute;z-index:10;transition: 0.6s;color:#fff; top:0%; left:0; width:100%; text-align:center;line-height:30px; font-size:20px; opacity:0;}
.PhotoList_i1 li a:hover h4{ opacity:1; top:30%;transition: 0.6s;}
.PhotoList_i1 li a::after{ display:none; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background:rgba(0,0,0,.5) url(../images/ico_63_search.png) no-repeat center 70%;z-index: 1;transition: 0.6s;}
.PhotoList_i1 li a:hover::after{width: 100%; height: 100%;z-index: 1;transition: 0.6s;}

@media only screen and (max-width: 1200px){
	}
	@media only screen and (max-width: 500px){
		.PhotoList_i1 li{ width:48%; }

	.PhotoList_i1 li a{ height:220px !important;}

}
@media only screen and (max-width: 350px){
	.PhotoList_i1 li{ width:48%; }

	.PhotoList_i1 li a{ height:180px !important;}

}

@media (min-width: 500px) and (max-width:639px ){
.PhotoList_i1 { padding:0;}
.PhotoList_i1 li{ width:48%; }
.PhotoList_i1 li:nth-of-type(even){margin-right:0 !important;}
.PhotoList_i1 li a h4{ display:none;}
.PhotoList_i1 li a:hover::after{ display:none;}
.PhotoList_i1 li span{ text-align:center;display:block;}
.PhotoList_i1 li a{position:relative;overflow:hidden; height:300px;}
.PhotoList_i1 li a img{transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s; /*height:100%;*/ height:auto;}
}

@media (min-width:640px) and (max-width:1023px) {
.PhotoList_i1 { padding:0;}
.PhotoList_i1 li:nth-of-type(even){margin-right:0 !important;}
.PhotoList_i1 li a h4{ display:none;}
.PhotoList_i1 li a:hover::after{ display:none;}
.PhotoList_i1 li span{ text-align:center;font-size:16px;display:block;}
.PhotoList_i1 li a{position:relative;overflow:hidden; height:230px;}
.PhotoList_i1 li a img{transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s; /*height:100%;*/height:auto;}
}