@charset "utf-8";
/* CSS Document */


#sPrevBtn {
	position: fixed;
	top: 0;
	left: 50%;
}

#sNextBtn {
	position: fixed;
	bottom: 0;
	left: 50%;
	line-height: 0;
}

ul.mainSlide {
	width: 100%;
	height: auto;
	margin-left: 203px;
	position: relative;
}

ul.mainSlide li.hSlide {
	text-align: center;
}

ul.mainSlide li.hSlide img {
	width: auto;
	height: 100%;
}

ul.mainSlide li.wSlide img {
	width: 100%;
	height: auto;
}

/* carousel Slide */

div.carouselWrap {
width: 270px;
height: 100%;
position: fixed;
top: 0;
left: 70px;
z-index: 1000;
}

.carContainer {
	width: 135px;
	height: 100%;
	background: url(../images/collection/collection_menu_bg.png) no-repeat center center;
	position: absolute;
	top: 0;
	left: 0;

}

.carouselBtn {
	position: absolute;
	top: 50%;
	left: 143px;
}


ul.carouselSlide {
	padding: 15px;
	width: 105px;
	height: 93%;
	/*background: url(../images/collection/collection_menu_bg.png) no-repeat;*/
	overflow: hidden;
}

ul.carouselSlide li {
	width: 100px;
	height: 100px;
	overflow: hidden;
	margin-top: 10px;
}

ul.carouselSlide li:first-child {
	margin-top: 0;
}


/* windowThumb */
ul.windowThumb {
	position: absolute;
	top: 40%;
	left:0;
	z-index: 2000;
}

.winThumbTopBtn {
	position: absolute;
	top: 2px;
	left: 50%;
	line-height: 0;
	margin-left: -5px;
}

.winThumbBotBtn {
	position: absolute;
	bottom: 2px;
	left: 50%;
	line-height: 0;
	margin-left: -5px;	
}


/* itemBox display */
#slider .itemBox {
	padding: 20px 0;
	width: 580px;
	height: 470px;
	color: #000;
	position: absolute;
	top: 50%;
	left: 50%;
	background: url(../images/collection/item_bg.png) repeat;
	margin-left: -290px;
	margin-top: -250px;
}

.detailBox {
	margin-left: 20px;
	float: left;
}

.detailBox2 {
	margin-top: 40px;
	margin-left: 20px;
	float: left;
}

.detailInfo p {
	margin-top: 7px;
	margin-bottom: 7px;
	font-size: 11px;
	line-height: 14px;
}


.detailPhoto {
	width: 120px;
	height: 160px;
	background: #ccc;
}

.buyBtn {
	margin: 0 auto;
	width: 80px;
	height: 13px;
	color: #fff;
	background: #b92500;
	font-size: 11px;
	line-height: 13px;
	text-align: center;
}

.detailTxt {
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-size: 13px;
	line-height: 17px;
}

.detailTxt li {
	text-align: right;
}

.detailClick {
	position: fixed;
	top: 90%;
	left: 50%;
	display: none;
	z-index: 1000;
	cursor: pointer;
}

.closeClick {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}


.slider { margin: 0;}
#carousel li {margin-right: 5px;}
#carousel img {display: block; opacity: .5; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}