/* CSS Document */
/* product list */
.pro_list {
	width: 96%;
	padding: 2%;
}
.pro_list li {
	position: relative;
	float: left;
	width: 22%;
	height: auto;
	padding: 1.5%;
}
.pro_list li img {
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
	width: 360px;
	height: auto;
}
.pro_list li a.more, .recommendlist li a, .arrival a {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.pro_list li:hover a.more, .recommendlist li:hover a, .arrival:hover a {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.pro_list li:hover img {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	opacity: 0.6;
}
.pro_list li a.more, .recommendlist li a.more, .arrival a.more {
	text-align: center;
	transition: all 0.2s ease 0s;
	height: 36px;
	line-height: 36px;
	width: 156px;
	border: 2px solid #d9b384;
	color: #d9b384;
	display: block;
	position: absolute;
	overflow: hidden;
	left: 50%;
	margin-left: -78px;
	bottom: 20%;
	text-align: center;
}
.pro_list li a.more:hover, .recommendlist li a.more:hover, .arrival a.more:hover {
	color: #fff;
	background: #d8aa71\9;
}
.pro_list li a.more:after, .recommendlist li a.more:after, .arrival a.more:after {
	content: "";
	position: absolute;
	transition: all 0.2s ease 0s;
	-wekkit-transition: all 0.2s ease 0s;
	-moz-transition: all 0.2s ease 0s;
	background: none repeat scroll 0 0 #d8aa71;
	height: 0%;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	width: 100%;
	z-index: -1;
}
.pro_list li a.more:hover:after, .recommendlist li a.more:hover:after, .arrival a.more:hover:after {
	height: 260%;
	height: 500%\9;
}
.pages {
	clear: both;
	text-align: center;
	padding: 40px;
}
.pages a , .pages span {
	display: inline-block;
	padding: 5px 10px;
	color: #939393;
}
.pages a:hover, .pages a.active  ,.pages .current{ color: #d9b384; }
/* product details */
body.prodetail { background: url(../images/repeatbg.jpg) repeat; }
.proimgScroll {
	min-height: 700px;
	position: relative;
	clear:both;
	width:100%;
}
.proimgScroll .detailcon {
	max-width: 730px;
	width:92%;
	height: 570px;
	overflow: hidden;
	padding: 100px 0;
	margin:0 auto;
}
.prodetailinfo {
	float: left;
	width: 200px;
	color: #999;
	padding-top: 210px;
	line-height: 22px;
	padding-right:5%;
	font-size:14px;
}
.prodetailinfo .related { padding-top: 120px; display:none; }
.prodetailinfo .related a{ padding-right: 10px;}
.proimagecon {
	width: 450px;
	float: left;
}
.proecode {
	width: 150px;
	float: left;
	color: #999;
	padding-top: 200px;
	padding-left: 5%;
	line-height: 22px;
	text-align: center;
}
.proecode .ecodeimg {
	background: url(../images/ecodebg.png) no-repeat;
	width: 72px;
	height: 72px;
	margin: 0 auto;
	padding: 20px;
}
.proecode .weititle {
	padding-top: 15px;
	color: #d9b384;
}
.proecode .weititle span {
	background: url(../images/weiico.png) no-repeat left center;
	padding-left: 20px;
}
.proinfo {
	height: 100%;
	overflow: hidden;
	background: #fff;
}
.proinfo .proinfocon {
	clear: both;
	box-shadow: 0 0 3px #555;
}
.proinfo .proinfocon .fl {
	width: 44.38202%;
	float: left;
}
.proinfo .proinfocon .fr {
	width: 55.61797%;
	float: left;
}
.proinfo .proinfocon .f_info { position: relative; }
.proinfo .proinfocon .f_img { overflow: hidden; }
.proinfo .proinfocon .f_info .infomation {
	position: absolute;
	margin-top: -35px;
	color: #333;
	top: 50%;
	left: 10%;
}
/* newCollection */
.newCollection { /*overflow-y: hidden;*/ }
.newcollectionul { min-width:1780px; }
.subcollection li { cursor: pointer; }
.newcollectionul li {
	float: left;
	position: relative;
	overflow: hidden;
	width: 33.333%;
	-webkit-animation: flipInY 1s 1s ease both;
	-moz-animation: flipInY 1s 1s ease both;
}
@-webkit-keyframes flipInY { 0% {
-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0
}
50% {
-webkit-transform:perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@-moz-keyframes flipInY { 0% {
-moz-transform:perspective(400px) rotateY(90deg);
opacity:0
}
50% {
-moz-transform:perspective(400px) rotateY(10deg)
}
100% {
-moz-transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
.brand_content {
	position: relative;
	top: 0;
}
.newcollectionul li img {
	/*height: 100%;*/
	width: 100%;
	display: block;
	position: relative;
	min-width: 300px;
}
.newcollectionul li .infocon {
	position: absolute;
	bottom: 0px;
	left: 0;
	padding: 0 0 50px 25px;
}
.newcollectionul li .infocon h2 {
	color: #d9b384;
	padding-bottom: 10px;
	font-family: DINPro;
	font-size: 18px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.newcollectionul li .infocon h3 {
	color: #fff;
	font-weight: normal;
}
.newcollectionul li .infocon p {
	color: #747474;
	font-weight: bold;
	padding-top: 3px;
}
.newcollectionul li .infocon h1 {
	color: #fff;
	padding-top: 15px;
	font-size: 20px;
	font-weight: normal;
}
.collection-menu {
	background: #000;
	height: 30px;
	line-height: 30px;
}
.newCollection .collection-menu{
	position:fixed;
	top:0;
	z-index:100;}
.collection-menu .cmenu {
	width: 480px;
	margin: 0 auto;
	padding-left:200px;
}
.collection-menu .cmenu.listmenu {
	width: 100%;
	padding: 0 3.5%;
}
.collection-menu .cmenu .other {
	float: right;
	width: 200px;
	text-align: right;
	padding-right: 10px;
}
.collection-menu .cmenu .other a { }
.collection-menu .cmenu a {
	color: #c4c4c4;
	font-size: 14px;
}
.collection-menu .cmenu a:hover { color: #d9b384; }
.proimgScroll.collectionimg { background: url(../images/repeatbg.jpg) repeat; }
.detailbox {
	overflow: auto;
	background: url(../images/repeatbg.jpg) repeat;
}
.backup {
	color: #999;
	cursor: pointer;
	background: url(../images/triangle.png) no-repeat center 5px;
	padding: 2px 10px;
}
.backup:hover { background: url(../images/triangle.png) no-repeat center -16px; }
.cmenu .detailback {
	background: url(../images/listico.png) no-repeat 5px 0px;
	padding: 6px 15px;
	transition: all 0s ease 0s;
}
.cmenu .detailback:hover { background: url(../images/listico.png) no-repeat 5px -30px; }
.cmenu .prev {
	background: url(../images/listico.png) no-repeat 5px -60px;
	padding: 6px 15px;
	transition: all 0s ease 0s;
}
.cmenu .prev:hover { background: url(../images/listico.png) no-repeat 5px -90px; }
.cmenu .next {
	background: url(../images/listico.png) no-repeat 5px -120px;
	padding: 6px 15px;
	transition: all 0s ease 0s;
}
.cmenu .next.nonext{ opacity:0.5;}
.cmenu .next.nonext:hover{ background: url(../images/listico.png) no-repeat 5px -120px;}
.cmenu .next:hover { background: url(../images/listico.png) no-repeat 5px -150px; }
.bigcollection li .infocon {
	text-align: center;
	width: 100%;
	padding: 0 0 50px 0;
}
.bigcollection li .infocon h2 {
	padding-bottom: 5px;
	font-size: 20px;
}
.bigcollection li .infocon h3 { padding-bottom: 40px; }
.bigcollection li .infocon p a {
	color: #fff;
	font-weight: normal;
}
.bigcollection li .infocon p a:hover { color: #d0ab7e; }
.pageico {
	position: absolute;
	width: 400px;
	height: 100px;
	text-align: center;
	left: 50%;
	top: 50%;
	margin: -50px 0 0 -200px;
	-webkit-animation: bounceIn 1s .3s ease both;
	-moz-animation: bounceIn 1s .3s ease both;
}
@-webkit-keyframes bounceIn { 0% {
opacity:0;
-webkit-transform:scale(.5)
}
100% {
opacity:1;
-webkit-transform:scale(1)
}
}
@-moz-keyframes bounceIn { 0% {
opacity:0;
-moz-transform:scale(.5)
}
100% {
opacity:1;
-moz-transform:scale(1)
}
}

.newCollection{ background:#000;}
.subcollect{ background:#000;}
.collectionbox{ overflow-y:hidden;}
.subcollectionbox{ width:100%; margin:0 auto; position:relative; }
.subcollection{}
.subcollection li{ text-align:center; position:relative;}
.subcollectionbox .newcollectionul{ min-width:0;}
.subcollectionbox li img{ display:inline; max-width:none;}
.subcollectionbox .infocon{ position:fixed; left:0; bottom:30px; padding:0; width:100%; background:rgba(0,0,0,0.5); height:26px; line-height:26px;}
.subcollectionbox li h1{ padding:0; font-size:14px; color:#d9b384; text-align:left; position:absolute; bottom:62px; width:500px; text-align:center; left:50%; margin-left:-250px; z-index:100;}
.subcollectionbox li h1 a{ color:#d9b384; font-weight: normal;}

.collectbox .subcollectionbox li h1{ bottom:auto; top:80%; left:50%;  width: 240px; margin-left: -120px; text-align:center; background:rgba(0,0,0,0.5); padding:20px;}
.collectbox .subcollectionbox li h1:hover{ background:#000;}
.collectbox .subcollectionbox li h1 .btnlink{ clear:both; display:block; width:60px; text-transform:uppercase; color:#000; background:#d9b384; padding:1px 5px; margin: 8px auto; text-align:center;}

.subcollect .dotbox{ display:none;}
.dotbox li span{ background:#fff; border-radius:50%; width:8px; height:8px; display:block;}
.dotbox li{ float:left; padding:9px 6px;}
.dotbox{ position:absolute; bottom:62px; right:200px; z-index:10;}
.dotbox li:hover{ background:#333;}
.dotbox li.active span{ background:#d9b384;}
.sub-collmenu .cmenu{ padding-left:0;}

.collmenu .other{ position:fixed; top:30px; left:0; z-index:5;}
.collmenu .other a{ width:30%; float:left; padding:0; opacity:0.6;}
.collmenu .other a.prev{ float:left; background: none; /* background:url(../images/left.png) no-repeat center center;*/}
.collmenu .other a.next{ float:right; background: none; /* background:url(../images/right.png) no-repeat center center;*/}
.collmenu .other a.prev:hover{ cursor:url(left.cur),auto;}
.collmenu .other a.next:hover{ cursor:url(right.cur),auto;}

.collmenu .other a:hover{ opacity:1;}
.collmenu .cmenu { width:40px; margin:0 auto;}