.picsList {
  padding: 2%;

}
.picsList li {
}
.picsList li div {
  display: block;
  border-radius: 5px;
  overflow: hidden;
  height: 0;
  position: relative;
  padding-bottom: 75%;
}
.picsList li img {
  width: 100%;
  transition: all 0.6s;
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.picsList li:hover img {
  -webkit-animation: zoomInA cubic-bezier(0.17, 0.78, 0.38, 0.89) 0.3s;
  animation: zoomInA cubic-bezier(0.17, 0.78, 0.38, 0.89) 0.3s;
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0);
}
@-webkit-keyframes zoomInA {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.6, 0.6, 0.6);
    transform: scale3d(0.6, 0.6, 0.6);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomInA {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.6, 0.6, 0.6);
    transform: scale3d(0.6, 0.6, 0.6);
  }
  50% {
    opacity: 1;
  }
}

@media screen and (max-width: 550px) {
	.tList3 li{width:100%;margin-left:0}
}