body, html {
	height: 100%;
	overflow: hidden;
	overscroll-behavior-x: none;
}

.content-area {
	width: 100vw;
	height: 100vh;
	height: calc(var(--vh) * 100);
	overflow-y: auto;
	scrollbar-width: none;
}

.product-img-box {
	height: auto;
	background-color: transparent;
}

.product-img-box .container {
	width: 100vw;
	height: 100vh;
	height: calc(var(--vh) * 100);
	background: transparent;
}

.product-img-box .left-half {
	position: absolute;
	left: 0;
	height: 100%;
	width: 50%;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #d9d9d9;
	overflow: hidden;
}

.product-img-box .right-half {
	position: absolute;
	right: 0;
    top: 50%;
    transform: translate(0%, -50%);
	height: 100%;
    width: 50%;
    background-position: inherit;
	background-repeat: no-repeat;
	overflow: hidden;
}

.product-img-box .swiper-lazy {
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.product-img-box .swiper-lazy.contain {
	background-size: contain;
}

.product-img-box .h .left-half {
	/*background-size: auto 110%;*/
	background-size: cover;
}

.product-img-box .h .right-half {
	background-size: auto 150%;
	background-position: inherit;
}

.product-img-box .w .left-half {
	/*background-size: 110% auto;*/
	background-size: cover;
}

.product-img-box .w .right-half {
	background-size: auto 150%;
}

.product-img-box .magnifier {
	border: 4px solid white;
	filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.4));
}

@media screen and (max-width: 900px) {
	.product-img-box .right-half {
		display: none;
	}

	.product-img-box .left-half {
		width: 100%;
	}

	.account-text {
		display: none;
	}

	.original-text {
		display: block;
	}
}

/*
.product-img-box .center .right-half,
.product-img-box .center .left-half {
	background-position: center;
}

.product-img-box .left-top .right-half,
.product-img-box .left-top .left-half {
	background-position: left top;
}

.product-img-box .left-bottom .right-half,
.product-img-box .left-bottom .left-half {
	background-position: left bottom;
}

.product-img-box .right-bottom .right-half,
.product-img-box .right-bottom .left-half {
	background-position: right bottom;
}

.product-img-box .right-top .right-half,
.product-img-box .right-top .left-half {
	background-position: right top;
}
*/