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

@import url("common.css");


.banner_img .product_title{ width:23.68%; position:absolute; bottom:23.8%; left:50%; margin:0 0 0 -11.84%;}
.banner_img .product_title img{ width:100%;}

.product_nav{ text-align:center; line-height:30px; font-size:13px;}
.product_nav a.current{ color:#99855d;}

@media only screen and (max-width:1172px){
	.banner_img .product_title{ bottom:10%;}
}

@media only screen and (max-width:767px){
	.product_nav{ font-size:100%; line-height:2em;}
	.banner_img .product_title{ width:50%; margin:0 0 0 -25%;}
}

.product_list{ padding:20px 0 0 0; margin:0 auto -1.1% auto; *margin:0 auto 1.1% auto;}
.product_list ul{ overflow:hidden; zoom:1;}
.product_list ul li{ width:32.2%; float:left; display:inline; margin:0 1.1% 1.1% 0;background:#fff;}
.product_list ul li.last{ margin:0;}
.product_list ul li img{ width:100%; display:block;}
.product_list dt{ padding:15px 5%; text-align:center; font-size:12px; }
.product_list dt h3{ background:url(../images/product_title_bg.gif) repeat-x center; height:65px;}
.product_list dt h3 span{ padding:0 5%; background:#fff; height:65px;}
.product_list dt h4{ font-family:hancock;}

.product_list a{color:#8e8e8e;}
.product_list a:hover{color:#565656;}

.product_mobile_list dt h4{ font-size:15px; color:#99855d; font-family:"微软雅黑";}
.product_mobile_list dt h4 a{color:#99855d;}

.product_list .continued dt h3{ background:none;}


.product_groupon_list dt{ padding:20px 3%; font-size:20px;}

@media only screen and (max-width:1024px){
.product_list dt{padding:15px 5%;}
}

@media only screen and (max-width:768px){
	.product_list{ padding:4% 4% 0 4%; margin:0;}
	.product_list ul li:nth-child(1n){ width:48%; margin:0 4% 4% 0;}
	.product_list ul li:nth-child(2n){margin:0 0 4% 0;  width:48%;}
	/*.product_list ul li:nth-last-of-type(2){margin:0 4% 0 0;}
	.product_list ul li:last-child{ margin:0;}*/
	.product_list dt{ font-size:150%;}
	
	
}

@media only screen and (max-width:767px){
	.product_list dt{ font-size:120%;}
}


@media only screen and (max-width:480px){
	.product_list{ padding:5% 5% 0 5%; margin:0;}
	.product_list ul li:nth-child(1n){ width:100%; margin:0 0 5% 0; float:none; display:block;}
	.product_list ul li:nth-child(2n){width:100%; margin:0 0 5% 0; float:none; display:block;}
	/*.product_list ul li:last-child{ margin:0;}*/
	.product_list dt{ font-size:100%;}
}

.product_detail_nav{ line-height:43px; text-align:center; margin:1px auto 0 auto; background:#fff; font-size:13px;}
.product_detail_nav a{ color:#696969;}
.product_detail_nav a.current{ color:#99855d;}


.product_detail_title{ text-align:center; margin:1px auto 0 auto; line-height:71px; background:#fff; font-size:25px; color:#99855d; position:relative;}
.product_detail_title .prev,.product_detail_title .next{ background:url(../images/detail_pagination.gif) no-repeat; position:absolute; top:20px; width:30px; height:30px; text-indent:-9999px;}
.product_detail_title .prev{ left:15px;}
.product_detail_title .next{ right:15px; background-position:top right;}



.product_detail_content{ overflow:hidden; zoom:1; margin:20px 0 0 0; background:#fff; position:relative;}
.product_detail_content dd.image{ width:70.6%; float:left;}
.product_detail_content dd.image img{ width:100%; display:block; }
.product_detail_content dt{width:29.4%; float:left; padding:0 0 10% 0;}
.product_detail_content dt h3{ padding:0 0 0 11.6%; line-height:68px; color:#99855d; font-size:18px;}
.product_detail_content dt .intro{padding:5% 11.6% 0 11.6%; color:#8e8e8e; font-size:13px; line-height:25px;}
.product_detail_content dd.action{width:29.4%; position:absolute; right:0; bottom:0; background:#f2f2f2;}
.product_detail_content dd.action .inner{padding:5% 0 5% 8%; overflow:hidden; zoom:1;}
.product_detail_content dd.action .inner label{ float:left; line-height:23px; color:#767676;}
/*.product_detail_content dd.action a{ float:left; background:url(../images/product/product_share.png) no-repeat; width:23px; height:23px; display:block; margin:0 0 0 12px; text-indent:-9999px;}

.product_detail_content dd.action a.share_tx{ background-position:-35px 0;}
.product_detail_content dd.action a.share_douban{ background-position:-69px 0;}
.product_detail_content dd.action a.share_renren{ background-position:-105px 0;}
.product_detail_content dd.action a.share_kaixin{ background-position:-138px 0;}*/

.product_mall_btn{ background:url(../images/product/product_mall_btn.png) no-repeat; width:123px; height:32px; display:block; text-indent:-9999px;}
.product_mall_btn_2{ background:url(../images/product/product_mall_btn_2.png) no-repeat; width:127px; height:36px; display:block; text-indent:-9999px;}


@media only screen and (max-width:1024px){
	.product_detail_content dt{ padding:0;}
	.product_detail_content dd.action{ position:static; width:100%; clear:both;}
	.product_detail_content dd.action .inner{ padding:20px;}
}


@media only screen and (max-width:768px){
	.product_detail_nav{ font-size:100%;}
	.product_detail_title{ font-size:120%;}
	.product_detail_content dd.image{ float:none; width:auto;}
	.product_detail_content dt{ float:none; width:auto; padding:0;}
	.product_detail_content dt h3{ padding:0 0 0 20px; line-height:300%;  font-size:150%;}
	.product_detail_content dt .intro{ padding:20px; font-size:100%; line-height:150%;}
	.product_detail_content dd.action{ position:static; width:100%;}
	.product_detail_content dd.action .inner{ padding:20px;}
}



/*series*/
.product_series_banner img{ width:100%;}

/*season*/
.product_season_list{padding:20px 0 0 0; overflow:hidden; zoom:1; *padding:20px 0;}
.product_season_list dl{ width:49.5%; margin:0 1% 0 0; float:left; background:#fff; position:relative; overflow:hidden;}
.product_season_list dl dd,.product_season_list dl dt{ width:50%; float:left; height:100%; overflow:hidden;}
.product_season_list dl dd img{ width:100%; position:relative; display:block;}
.product_season_list dl.last{ margin:0;}
.product_season_list dl dt{ }
.product_season_list dl dt .intro{ width:45%; position:absolute; top:50%; left:52.5%; text-align:center; color:#8e8e8e; margin-top:-3em;}
.product_season_list dl dt .intro h3{ background:url(../images/product/product_title_bg.gif) repeat-x center;  font-size:22px;   }
.product_season_list dl dt .intro h3 span{ padding:0 5%; background:#fff;}
.product_season_list dl dt .intro h4{ font-family:hancock; font-size:22px;}

@media only screen and (max-width:768px){
	.product_season_list dl{ width:95%; float:none; margin:0 auto 3% auto;}
	.product_season_list dl:nth-child(2n){ margin:0 auto;}
}


@media only screen and (max-width:640px){
	.product_season_list dl dt .intro{ margin-top:-2em;}
	.product_season_list dl dt .intro h3{ font-size:140%;}
	.product_season_list dl dt .intro h4{ font-size:140%;}
}


@media only screen and (max-width:480px){
	.product_season_list dl{ width:92%;}
	
	.product_season_list dl dt .intro{ margin-top:-2.5em;}
	.product_season_list dl dt .intro h3{ font-size:120%; line-height:1.8em;}
	.product_season_list dl dt .intro h4{ font-size:120%;line-height:1.2em;}
	

}