#goods {
	position: relative;
	max-width: 890px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#goods .main-swiper {
	width: 890px;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#goods .main-swiper .swiper-wrapper {
	width: 100%;
}
#goods .main-swiper .swiper-wrapper .swiper-slide img {
	width: 100%;
	object-fit: contain;
}
#goods .main-swiper {
	position: static !important;
	display: grid !important;
}
#goods .swiper-slide img {
	max-width: 100%;
}
 @media screen and (max-width: 999px) {
#goods .main-swiper {
	width: 100vw;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#goods .main-swiper .swiper-wrapper {
	width: 100%;
}
#goods .swiper {
	width: calc(100% - 110px);
	margin-left: auto;
	margin-right: auto;
}
}
#goods .main-swiper .swiper-button-prev::after, #goods .main-swiper .swiper-button-next::after {
	content: "";
	margin: auto;
	visibility: hidden;

}
#goods .main-swiper .swiper-button-next {
	background-image: url(../image/s-next.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 40px;
	margin: auto;
	width: 40px;
	right: 0px;
	top: 32%;
}
#goods .main-swiper .swiper-button-prev {
	background-image: url(../image/s-prev.png);
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 40px;
	margin: auto;
	width: 40px;
	left: 0px;
	top: 32%;
}
#goods .main-swiper .swiper-button-prev, #goods .main-swiper .swiper-button-next {
	visibility:hidden;
}
 @media screen and (max-width: 760px) {
#goods {
	position: relative;
	max-width: 100%;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#goods .main-swiper {
	width: 100%;
	max-width: 92%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#goods .main-swiper .swiper-wrapper {
	width: 100%;
}

#goods .main-swiper .swiper-button-prev, #goods .main-swiper .swiper-button-next {
	height: 40px;
	width: 40px;
	margin:inherit;
	visibility: visible;
}
}
#goods .thumb-swiper {
	width: 890px;
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#goods .thumb-swiper .swiper-wrapper {
	width: 100%;/*margin-left: -10px;*/
}
#goods .thumb-swiper .swiper-wrapper .swiper-slide img:hover {
	cursor: pointer;
	opacity: 0.6;
}
#goods .thumb-swiper.swiper-slide {
	opacity: 0.5;
}
#goods .thumb-swiper .swiper-slide-thumb-active img {
	border: 2px solid #93243a;
	opacity: 1;
	vertical-align: bottom;
	width: 206px;
}
#goods .thumb-swiper .swiper-button-prev::after, #goods .thumb-swiper .swiper-button-next::after {
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
}
#goods .thumb-swiper .swiper-button-prev {
	background-image: url(../image/r-prev.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 45px;
	margin: auto;
	width: 45px;
}
#goods .thumb-swiper .swiper-button-next {
	background-image: url(../image/r-next.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 45px;
	margin: auto;
	width: 45px;
}
#goods .swiper-slide img {
	height: auto;
	width: 100%;
}
#goods .thumb-swiper {
	position: static !important;
	display: grid !important;
}
#goods .thumb-swiper [class^="swiper-button-"] {
	inset: initial;
	margin: 0;
	align-self: center;
}
#goods .thumb-swiper .swiper-button-next {
	justify-self: start;
	right: -50px;
}
#goods .thumb-swiper .swiper-button-prev {
	justify-self: end;
	left: -50px;
}
 @media screen and (max-width: 760px) {
#goods .thumb-swiper {
	width: 94%;
	height: auto;
}
#goods .thumb-prev, .thumb-next {
	display: none !important;
}
}