#zoom {
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

#zoom[zoomed] {
	background-size: 150%;
	background-position: calc(var(--x) * 100%) calc(var(--y) * 100%);
}

@media (max-width: 768px) {
	#zoom {
		width: 100%;
		height: 300px;
	}
}


/* 仅把PhotoSwipe的img设置成黑色背景 */
.pswp--product-gallery .pswp__img {
    background: #ffffff !important;
}