﻿@charset "utf-8";
.PhotoList_i1 { padding:0;}
.PhotoList_i1 li{ width:31.5%; margin:0 2.5% 12px 0; float:left; color:#fff;}
.PhotoList_i1 li:nth-child(3n){ margin-right:0;}
.PhotoList_i1 li span{ display:none; font-size:14px; line-height:40px; text-align:center; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.PhotoList_i1 li a{position:relative;display:block;text-align: center;overflow: hidden;/*  background:#f1f1f1;border:solid #e0e0e0 1px;*/}
.PhotoList_i1 li a img{transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s; width:100%; /*height:100%;*/vertical-align: middle; display: inline-block;}
.PhotoList_i1 li a:hover img{transform: scale(1.2);transition: all 1s ease 0s;-webkit-transform: scale(1.2);-webkit-transform: all 1s ease 0s;}
.PhotoList_i1 li a h4{position: absolute;z-index:10;display:block;transition: 0.6s;color:#fff; top:0%; left:0; width:90%; padding:0 5%; text-align:center; line-height:40px; font-size:22px; opacity:0; font-family:"微软雅黑";overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.PhotoList_i1 li a:hover h4{ opacity:1; top:30%;transition: 0.6s;}
.PhotoList_i1 li a::after{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 0%; background:rgba(0,0,0,.5) url(../images/ico3.png) no-repeat center 70%; background-size:10%;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: 1366px){
	}
@media only screen and (max-width: 800px){
.PhotoList_i1 li{ width:80%; margin:10%; float:left; }
.PhotoList_i1 li:nth-child(3n){ margin-right:10%;}
.PhotoList_i1 li a h4{ display:none;}
.PhotoList_i1 li a:hover::after{ display:none;}
.PhotoList_i1 li span{ text-align:center;}
.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%;*/vertical-align: middle; display: inline-block;}
.PhotoList_i1 li a:hover img{transform: scale(1);transition: all 1s ease 0s;-webkit-transform: scale(1);-webkit-transform: all 1s ease 0s;}
	}