*{ margin:0px; padding:0px;}
body 
{
    line-height:1.5;
    font-family:微软雅黑;
}
a{ text-decoration:none;}
ul,li{ list-style:none; }


ul{width:50%; margin:40px; }
ul li{width:32%; height: auto; float: left; margin-bottom: 18px; margin-right: 2%;}
.img{width:100%; height: auto; overflow: hidden; position: relative}
.img img{width:100%; height: auto; display: block; transform: scale(1);  transition: all 1s ease 0s; -webkit-transform: scale(1);  -webkit-transform: all 1s ease 0s; }
.img i{width:100%; height:100%; display: block; background: rgba(81,113,235,.5); position: absolute; top:100%; left:0; transition: all 0.4s ease-in-out;}
ul li:hover img{transform: scale(1.05);transition: all 1s ease 0s;-webkit-transform: scale(1.05);-webkit-transform: all 1s ease 0s;}
ul li:hover i{top: 0; transition: all 0.4s ease-in-out;}