.imgpreview{position:relative;height:100%}.imgpreview-wrap{position:absolute;height:100%;width:100%;overflow:hidden}.imgpreview-arrow{position:absolute;top:50%;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;background-color:hsla(0,0%,93%,.6);transform:translateY(-50%);cursor:pointer;z-index:10}.imgpreview-arrow i.lxicon{font-size:20px}.imgpreview-arrow.arrow-left{left:60px;transform:translateY(-50%);padding-left:2px}.imgpreview-arrow.arrow-left i.lxicon{transform:rotate(180deg)}.imgpreview-arrow.arrow-right{padding-right:2px;right:60px;transform:translateY(-50%)}.imgpreview-arrow:hover{background-color:rgba(0,0,0,.2)}.imgpreview-arrow:hover i.lxicon{color:#fff}.imgpreview-image{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .1s cubic-bezier(.5,0,0,.75),transform .5s cubic-bezier(.5,0,0,.75)}.imgpreview-image img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%}.imgpreview-image.isForward{transform:translateX(24px)}.imgpreview-image.isBack{transform:translateX(-24px)}.imgpreview-image.current{opacity:1;transform:translateX(0)}