/*****************************************
*            related products            *
*****************************************/

#related {
	width: 100%;
	height: 216px;
}

.related-content {
	position: relative;
	left: 132px;
	width: 738px;
	height: 100%;
	overflow: hidden;
}

.related-content ul {}
.lt-5 .related-content ul {
	text-align: center;
}

.related-content li {
	position: absolute;
	top: 0;
	width: 178px; /* 150 */
	height: auto;
/*	padding: 7px 13px 16px;
	border: #dedede 1px solid;*/
	background: #ffffff;
	overflow: hidden;
}

.lt-5 .related-content li {
	display: inline-block;
	position: static;
	margin: 0 2px;
	text-align: left;
}

.related-content .order-0 {left: -178px; display: none;}
.related-content .order-1 {left: 6px;}
.related-content .order-2 {left: 190px;}
.related-content .order-3 {left: 374px;}
.related-content .order-4 {left: 558px;}
.related-content .order-5 {left: 742px; display: none;}

.related-content li a {
	position: relative;
	display: block;
	width: 150px;
	color: #505050;
	font-size: 13px;
	padding: 8px 14px 17px;
}

.related-content li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.related-content li .pic {width: 150px; height: 150px; overflow: hidden;}
.related-content li .pic img {width: 150px;}
.related-content li .name {
	position: relative;
	height: 36px;
	line-height: 18px;
	padding-left: 16px;
	margin-bottom: 5px;
	overflow: hidden;
}
.related-content li .name:after {
	position: absolute;
	top: 0;
	left: 0;
	content: '＞';
}

.related-content li .status {
	position: absolute;
	top: 11px;
	left: 11px;
}

.related-content li .status span {
	display: block;
	width: 39px;
	height: 20px;
	font-size: 0;
	text-indent: -5000px;
	background-image: url(../../images/products/catalog-status.gif);
	background-repeat: no-repeat;
}

.related-content li .status span.soldout {background-position: 0 0;}
.related-content li .status span.limited {background-position: 0 -20px;}

.related-arrow {}
.related-arrow li {
/*	position: absolute;
	top: 0;
	width: 40px;*/
	height: 212px;
}
/*.related-arrow li.prev {left: 0;}
.related-arrow li.next {right: 0;}*/
.related-arrow li a {
	position: absolute;
	top: 85px;
	width: 33px;
	height: 33px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.related-arrow li a:hover {
/*	opacity: 0.7;
	filter: alpha(opacity=70);*/
}
.related-arrow li.prev a {background-image: url(../../images/products/related-arrow-prev.gif); left: 0;}
.related-arrow li.next a {background-image: url(../../images/products/related-arrow-next.gif); right: 0;}

/*****************************************
*                  tvcm                  *
*****************************************/

#videos {
	width: 100%;
	height: 290px;
}

.videos-content {
	position: relative;
	left: 121px;
	width: 758px;
	height: 100%;
	overflow: hidden;
}

.videos-content li {
	position: absolute;
	top: 0;
	width: 364px;
	height: auto;
/*	overflow: hidden;*/
}

.videos-content .order-0 {left: -394px; display: none;}
.videos-content .order-1 {left: 0;}
.videos-content .order-2 {left: 394px;}
.videos-content .order-3 {left: 788px; display: none;}

.videos-content li a {
	position: relative;
	display: block;
	color: #9e6a06;
	font-size: 16px;
}

.videos-content li a:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 62px;
	height: 62px;
}

.videos-content li .pic {position: relative; width: 364px; height: 243px; overflow: hidden; background: #ffffff;}
.videos-content li .pic:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: #ffffff 8px solid;
	box-sizing: border-box;
}
.videos-content li .pic img {
	width: 364px;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.videos-content li a:hover .pic img {
	opacity: 1;
	filter: alpha(opacity=100);
}

.videos-content li .name {
	position: relative;
	text-align: center;
	line-height: 24px;
	padding: 11px 10px 11px;
	overflow: hidden;
}

.videos-arrow {}
.videos-arrow li {
/*	position: absolute;
	top: 0;
	width: 40px;
	height: 212px;*/
}
/*.videos-arrow li.prev {left: 0;}
.videos-arrow li.next {right: 0;}*/
.videos-arrow li a {
	position: absolute;
/*	top: 85px;
	width: 33px;
	height: 33px;*/
	background-position: 0 0;
	background-repeat: no-repeat;
}
.videos-arrow li a:hover {
/*	opacity: 0.7;
	filter: alpha(opacity=70);*/
}
.videos-arrow li.prev a {left: 0;}
.videos-arrow li.next a {right: 0;}

/*****************************************
*                  pop                   *
*****************************************/

#wrap {
/*	position: fixed;*/
	z-index: 1;
}

#pop {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	min-height: 100%;
/*	background-color: rgba(255, 255, 255, 0.5);*/
	z-index: 2;
}

.pop-container {
	position: absolute;
	width: 100%;
	height: auto;
	min-height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pop-main {
	display: none;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

.pop-main .btn-close {
	position: absolute;
	font-size: 0;
	text-indent: -5000px;
	background-position: center 0;
	background-repeat: no-repeat;
}

#pop #video {}
#pop #video .embed {}
#pop #video .embed iframe {width: 100%; height: 100%;}