.image-popup-item{overflow:hidden;position:relative}.image-popup-item:before{background-color:#000;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;z-index:1}.image-popup-item .image-popup-thumb img,.image-popup-item:before{transition:var(--transition);width:100%}.image-popup-item .image-popup-btn{cursor:pointer;height:70px;left:50%;line-height:68px;opacity:0;position:absolute;text-align:center;top:55%;transform:translate(-50%,-50%);transition:var(--transition);width:70px;z-index:99}.image-popup-item .image-popup-btn svg{height:20px;width:20px}.image-popup-item .image-popup-btn svg path{fill:currentColor;stroke:currentColor}@media only screen and (max-width:767px){.image-popup-item .image-popup-btn{height:60px;line-height:60px;width:60px}}.image-popup-item:hover:before{opacity:.7}.image-popup-item:hover .image-popup-thumb img{transform:scale(1.1)}.image-popup-item:hover .image-popup-btn{opacity:1;top:50%}