@prefix: sku-img-slider;
.container {
	margin-bottom: 8px;
}
.@{prefix} {
	.sisTop {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		.sisMagnifierIcon {
			position: absolute;
			bottom: 0;
			right: 0;
			font-size: 18px;
			padding: 3px;
			opacity: 0.2;
			background: #3a2e2e;
			color: #fff;
		}
		.maskBlock {
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			background: rgba(0, 0, 0, 0);
			z-index: 100;
			cursor: pointer;
		}
		.magnifierContainer {
			position: absolute;
			top: 0;
			border: 1px solid #ccc;
			overflow: hidden;
			z-index: 98;
		}
		.sisSkuVideo {
			max-width: 100%;
			outline: none;
		}
		img {
			width: 100%;
			height: 100%;
		}
	}
	.sisBottom {
		position: relative;
		display: flex;
		height: 40px;
		align-items: center;
		justify-content: space-around;
		.sisSliderWrap {
			overflow: hidden;
			.sisSlider {
				transition: 500ms ease-out;
				.sliderNode {
					display: inline-block;
					background-color: #fff;
					border: 1px solid #fff;
					box-sizing: border-box;
					text-align: center;
				}
				.active {
					border: 1px solid #ff4d4f;
				}
			}
		}
		.sisPreBtn {
			position: absolute;
			left: -5px;
		}
		.sisNextBtn {
			position: absolute;
			right: -5px;
		}
	}
}
