.list4w a{
    display: block;
}
.list4w a .pic{
    padding-top: 200px;
    margin: 0 10px;
}
.list4w a h3{
    
font-size: 14px;
    
line-height: 30px;
}
.list4w a .pic:before {
    position: absolute;
    top: 0;
    left: -90%;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
    opacity: .25;
    pointer-events: none;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 53) 50%, rgba(255, 255, 255, 0) 70%);
    transform: skewX(-25deg);
    z-index: 3;
}

.list4w .btn{
    width: 20px;
    height: 20px;
    background: no-repeat 50%/100%;
}
.list4w .prev{
    left: -75px;
    background-image: url("../images/prev-3.png");
}
.list4w .next{
    right: -75px;
    background-image: url("../images/next-3.png");
}
.list4w a:hover .pic:before{
    animation: shine 1s
}
.pic { /*padding-top: 75%;*/position: relative;overflow: hidden;}
.pic .a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-position: 50%;background-repeat: no-repeat;background-size: cover;transition: all 0.3s ease-in;}
.bg-mask:hover .pic .a {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}