.carousel{ position: relative; width: 100%; height: 100%; overflow: hidden; z-index: 2; }
.carousel-container{ position: relative; width: 100%; height: 100%; white-space: nowrap; font-size: 0; z-index: 1; }
.carousel-item{ position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; white-space: normal; font-size: initial; }
.carousel.top .carousel-container{ white-space: normal; }
.carousel.fade .carousel-item{ display: none; position: absolute; left: 0; top: 0; }
.carousel-item.active{ z-index: 4; }
.carousel-item figure{ width: 100%; height: 100%; background-position: center; }
.carousel-item figure.p-center{ background-position: center; }
.carousel-item figure.size-cover{ background-color: #fff; background-size: cover; -webkit-background-size: cover; }
.carousel-item figure.size-contain{ background-size: contain; -webkit-background-size: contain; }

.carousel-content{ position: relative; width: 100%; height: 100%; background: inherit; z-index: 3; }
.carousel.fade .carousel-content{ visibility: none; opacity: 0; }
.carousel.fade .carousel-content.active{ z-index: 4; }

.carousel-process{ position: absolute; left: 0; bottom: 0px; width: 0%; height: 2px; background: #fff; z-index: 2; }

.carousel-next-prev{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 15; }
.carousel-next-prev > div{ position: absolute; top: 0; cursor: pointer; opacity: 1; }
.carousel-next-prev > div:hover{ opacity: 1; }
.carousel-next-prev .carousel-prev{ background: url(../../_DEFAULT/_IMAGEs/i/i-sl-prev-2.png) center no-repeat; height: 100%; width: 50px; pointer-events: auto; left: 30px; }
.carousel-next-prev .carousel-next{ background: url(../../_DEFAULT/_IMAGEs/i/i-sl-next-2.png) center no-repeat; height: 100%; width: 50px; pointer-events: auto; right: 30px; }

.carousel.nx-pv-2 .carousel-next-prev .carousel-prev{ background: url(../../_DEFAULT/_IMAGEs/i/i-sl-prev.png) center no-repeat; }
.carousel.nx-pv-2 .carousel-next-prev .carousel-next{ background: url(../../_DEFAULT/_IMAGEs/i/i-sl-next.png) center no-repeat; }

.carousel.nx-pv-3 .carousel-next-prev .carousel-prev{ background: url(../../_DEFAULT/_IMAGEs/i/i-sl-prev-2.png) center no-repeat; }
.carousel.nx-pv-3 .carousel-next-prev .carousel-next{ background: url(../../_DEFAULT/_IMAGEs/i/i-sl-next-2.png) center no-repeat; }

.carousel-bullets{ position: absolute; text-align: center; z-index: 3; }
.carousel-bullets ul li{ position: relative; height: 14px; width: 14px; margin: 6px 6px; transform: scale(0.8); border:1px solid #fff; border-radius: 50%; -webkit-border-radius:50%; }
.carousel-bullets ul li:hover, .carousel-bullets ul li.active{ transform: scale(1); background: #fff; }
.carousel-bullets.position-top{ top: 20px; width: 100%; margin-top: -6px; }
.carousel-bullets.position-top ul li{ display: inline-block; }
.carousel-bullets.position-left{ top: 0; left: 20px; height: 100%; }
.carousel-bullets.position-left ul li{ display: block; }
.carousel-bullets.position-right{ top: 0; right: 20px; height: 100%; }
.carousel-bullets.position-right ul li{ display: block;; }
.carousel-bullets.position-bottom{ bottom: 20px; width: 100%; margin-top: -6px; }
.carousel-bullets.position-bottom ul li{ display: inline-block; }
.carousel-bullets.position-center{ top: 50%; width: 100%; margin-top: -6px; }
.carousel-bullets.position-center ul li{ display: inline-block; }