@charset "utf-8";

.nx-zoom {position:relative;}
.nx-zoom__mask {position:absolute; bottom:60px; right:30px; width:30%; max-width:80px; z-index:10;}
.nx-zoom__inner {position:relative; width:100%; padding-top:100%; border-radius:50%; background-color:rgba(0,0,0,.8);}
.nx-zoom__text {display:flex; flex-direction:column; justify-content:center; align-items:center; position:absolute; top:0; left:0; width:100%; height:100%;}
.nx-zoom__text::after {content:"zoom"; display:inline-block; font-size:14px; color:rgba(255,255,255,.8); line-height:1;}
.nx-zoom__icon {display:inline-block; margin-bottom:5px;font-size:30px; color:#fff;}
.nx-zoom__icon::before {content:"\e97b";font-family:xeicon!important;font-style:normal;line-height:1;font-variant:normal;text-transform:none;speek:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}

/* Popup */
.nx-zoom-pop {display:flex; justify-content:center; position:fixed; top:50%; left:50%; width:100%; max-width:95%; max-height:90%; visibility:hidden; opacity:0; transform:translate(-50%, -50%); transition:visibility .3s, opacity .3s; z-index:2510;}
.nx-zoom-pop.show {visibility:visible;opacity:1;}
.nx-zoom-pop__inner {display:flex; flex-direction:column; width:100%;}
.nx-zoom-pop__top {display:flex; justify-content:space-between; margin-bottom:10px;}
.nx-zoom-pop__close {position:relative; width:40px; height:40px; overflow:hidden; margin-left:auto; color:transparent; text-indent:-99px; border:0; background-color:transparent;}
.nx-zoom-pop__icon {position:absolute; top:50%; left:50%; font-size:36px; color:#fff; text-indent:0; transform:translate(-50%, -50%);}
.nx-zoom-pop__icon::before {content:"\e921";font-family:xeicon!important;font-style:normal;line-height:1;font-variant:normal;text-transform:none;speek:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(-50%, -50%);}
.nx-zoom-pop__msg{display:none;font-size:16px;color:#fff;}
.nx-zoom-pop__slider {min-width:1px; height:100%; min-height:1px; background-color:#fff;}
.nx-zoom-pop__list {height:100%; min-width:1px;}
.nx-zoom-pop__list .slick-list, .nx-zoom-pop__list .slick-slider, .nx-zoom-pop__list .slick-track {height:100%; min-height:1px;}
.nx-zoom-pop__list .slick-track {display:flex;}
.nx-zoom-pop__slider .nx-zoom-pop__img-wrap {display:flex; justify-content:center; align-items:center; height:auto;}
.nx-zoom-pop__img-wrap {height:100%; min-height:1px; font-size:0;line-height:1; background-color:#fff;}
.nx-zoom-pop__img {display:block; flex:none; width:auto; max-width:100%; height:auto; max-height:100%; margin:0 auto;}
.nx-zoom-pop {}

.nx-zoom-mask {position:fixed; top:0; left:0; width:100%; height:100%; visibility:hidden; opacity:0; background-color:rgba(0,0,0,.7); transition:visibility .3s, opacity .3s; z-index:2501;}
.nx-zoom-mask.show {visibility:visible;opacity:1;}

@media (max-width:1024px) {
	.nx-zoom__icon {font-size:30px;}
	.nx-zoom-pop__msg{display:block;}
}