@charset "utf-8";

/*商品详情部分*/
.shopdetails{
	width:100%;
	height:700px;
	margin:0 auto;
	margin-top:20px;
	position:relative;
	
}
/*放大镜*/
#leftbox{
	width:400px;
	z-index:999;
	position:absolute;
}
#showbox { background:#eee;}
#showbox span {
	 background:url(../images/shopdetail/whitebg.png) repeat;
	 }
#showsum { 
	left:25px; 
	margin-top:10px;
	}
#showsum span {
	 border:1px solid #ddd;
}
#showsum span.sel {
	 border:1px solid #f60;
}

.showpage {
	 width:400px; 
	 position:relative;
	 }
.showpage a { 
	display:block; width:15px; 
	border:1px solid #ddd; 
	height:60px; line-height:60px; 
	background:#eee; 
	text-align:center; 
	font-size:18px; 
	position:absolute; 
	left:0; top:-62px; 
	text-decoration:none; 
	color:#999;}
.showpage a#shownext {
	 left:auto; right:0;
	 }
.showpage a:hover {
	 background:#ccc; 
	 color:#777;}

/*中间*/

.centerbox{
	width:580px;
	height:575px;
	position:absolute;
	top:0px;
	left:420px;
	z-index:1;
}
.centerbox .imgname{
	font-size:24px;
	color:#000;
	font-weight:bold;
	width:580px;
	height:40px;
	font-family:Microsoft YaHei,arial;
	margin-bottom:10px;
}
.centerbox p,.centerbox samp{
	width:580px;
	height:33px;
	font-size:12px;
	line-height:33px;
	color:#666;
	font-family:"微软雅黑";
	padding-left:10px;
	
}
.centerbox .Aprice, .price, .youhui{
	background:rgba(232,232,232,0.5);
}
.centerbox .Aprice samp{
	font-size:14px;
	text-decoration:line-through;
	font-family:"华文仿宋";
}
.centerbox .price samp{
	color:#D00;
	font-size:20px;
	font-weight:bold;
}
.centerbox .youhui samp{
	color:#000;
	font-weight:100;
}
.centerbox .kefu{
	margin-top:10px;
	margin-left:10px;
	width:150px;
	background-image:url(../images/shopdetail/tell03.png);
	background-position:right;
	background-repeat:no-repeat;
}
.centerbox .shorintr{
	font-size:18px;
	color:#000;
	width:580px;
	height:300px;
	font-family:Microsoft YaHei,arial;
	margin-bottom:10px;
	margin-left: 16px;
}
.centerbox ul{
	margin-left:10px;
	margin-top:15px;
	}
.centerbox ul li{
	float:left;
	width:50px;
	height:50px;
	margin-left:10px;
}
.centerbox .kuanshi{
	color:#666;
	font-family:"微软雅黑";
}
.centerbox .shopimg{
	width:49px;height:49px;
}
.centerbox .shopimg img{
	margin:2px;
}
.centerbox .now{
	background-color:#F90;
}
.centerbox .chima{
	width:110px;
	height:40px;
	background-image:url(../images/shopdetail/tell04.png);
	background-position:right;
	background-repeat:no-repeat;
	margin-left:10px;
	margin-top:10px;
}
.centerbox .buy{
		margin-left:30px;
		margin-top:25px;
	}
.centerbox .buy a{
	
	display:block;
	width:200px;
	height:50px;
	color:#000;
	border:1px solid #ccc;
	float:left;
	font-size:16px;
	font-weight:bold;
	font-family:Microsoft YaHei,arial;
	margin-left:10px;
	background-color:#fff;
	text-align:center;
	line-height:50px;
}
.centerbox .fenx{
	width:200px;
	margin-left:50px;
	margin-top:20px;
}
.centerbox .fuwu{
	width:500px;
	height:35px;
	margin-left:10px;
	background-image:url(../images/shopdetail/tell08.png);
	background-position:right;
	background-repeat:no-repeat;
	margin-top:10px;
}
.centerbox .pay{
	width:200px;
	height:35px;
	margin-left:10px;
	background-image:url(../images/shopdetail/tell09.png);
	background-position:right;
	background-repeat:no-repeat;
	margin-top:10px;
}
#firstbuy{
	background-color:#f00;
		color:#fff;
}

/*下边商品评价及其他*/	
.evaluate{
	width:100%;
	margin:0 auto;
	position:relative;
	height:100%; 
 
}

/*tab部分*/
.tabbedPanels {
	position:absolute;
	top:0;
	right:0;
	width: 100%;
	margin:10px auto;
	border:1px soild #000;
   
}

.tabbedPanels .tabs{
	width:100%;
	height:50px;
	border-bottom:2px solid #000;
	margin-bottom:20px;
}
.tabbedPanels .tabs li{
	float:left;
}
.tabbedPanels .tabs li a{
	width:100%;
	height:50px;
	margin-bottom:10px;
	font-size:16px;
	font-weight:bold;
	margin-left:20px;
	text-decoration:none;
	color:#000;
	line-height:20px;
	text-align:center;
    white-space:nowrap;
}

.tabs li a.active{
	border-bottom:3px solid #F30;
		
	}
.panelContainer{
	width:100%;
	margin:0 auto;
	margin-top:10px;
    height: auto;
    padding-top:80px
}
.panel{
	/*margin:10px;
    padding-left:1px;
    padding-right:1px;*/
}
.panel .sell{


	font-weight:bold;
	font-size:20px;
	color:#000;
	text-decoration:underline;}
.panel p{
	margin-bottom:20px;
}
.panel img{
	margin-left:10px;
}
.panel .judge{
	font-size:14px;
	font-weight:bold;
	color:#000;
	
}
.panel .judge span{
	font-size:14px;
	margin-left:15px;
}
.panel .judge01{
	height:200px;
	position:relative;
}
.panel .judge01 .idimg{
	width:80px;
	}
.panel .judge01 .write{
	position:absolute;
	top:20px;
	left:80px;
}
.panel .judge01 .write .which{
	color:#666;
	font-size:12px;
}

.panel .com{ 
	width:720px;
	 }
.panel .com .ex01{
	width:218px;
	margin-left:10px;
	margin-right:10px;
	margin-top:30px;
	border:solid 1px #c4c4c4;
	float:left;
	}
.panel .com figure{
		width:218px;
		margin-left:3px;
		margin-top:3px;
		position:relative;
	}
.panel .com img{
	margin:0;
}
.panel .com figcaption{
		position:absolute;
		bottom:3px;
		width:212px;
		height:40px;
		background:rgba(0,0,0,0.4);
		line-height:40px;
		text-align:center;
		font-size:12px;
		color:#fff;
	}
.panel .com a:hover figure figcaption{
		display:block;
		width:212px;
		height:193px;
		line-height:193px;
		text-align:center;
		font-size:12px;
		color:#fff;
	}

.panel .ex01 p{
	 height:40px; 
	 line-height:40px; 
	 text-align:center; 
	font-size:13px; 
	margin-bottom:0;
	text-decoration:none;
	color:#836e5d;
	}
.panel .ex01 .bottom{ 
	height:20px; 
	line-height:20px;
	margin-bottom:5px;
	margin-top:0;
	}
.panel .ex01 .bottom samp{
	 width:146px; 
	text-align:left; 
	padding-left:10px; 
	color:#5d9b1e; 
	font-size:12px; 
	float:left;
	}
.panel .ex01 .bottom input{
	 width:50px; height:20px; 
	background:#78ab00; 
	color:#fff; 
	float:left; 
	margin-left:0px; 
	border:none; 
	text-align:center;
	}
@media (max-width: 767px) {
   .centerbox {
        display: none !important
    }
	.centerboxmb {
        display:block !important
    }
}
@media screen and (min-width: 767px){
   	.centerboxmb {
        display:none !important
    }
                }
@media (max-width: 767px) {
.tabbedPanels .tabs li a{
	font-size:4vm !important;
	
}
}