*{
	margin:0;padding:0;
}
#small{
	width:400px;
	height:400px;
	position:relative;
	box-shadow: 0 0 5px #000;
}
#small img{
	/* 图片百分百,完全覆盖原始框 */
	width:100%;
	height:100%;
}
#frame{
	width:100px;
	height:100px;
	position:absolute;
	box-shadow:0 0 5px #000;
	top:0;
	left:0;
	/* 在鼠标移入原始框的时候才显现,所以初始值为隐藏 */
	display: none;
	/* 在放大镜中插入背景图,根据背景图定位,改变放大镜中和原始框中的图片一一对应 */
	/* 0 0 即为background-position的值 */
	background: url(img/timg.jpg) no-repeat 0 0;
	/* CSS2中的内容要和CSS3中的分开 */
	background-size: 400px 400px ;
}
#big{
	width:400px;
	height:400px;
	position:relative;
	box-shadow: 0 0 5px #000;
	z-index: 999;
	/* 因为放大框中的内容
	与放大镜是16：1放大的,
	所以原始框与放大框相同大小的情况下
	使用overflow: hidden;用放大框截取插入图片的大小 */
	overflow: hidden;
	/* 在鼠标移入原始框的时候才显现,所以初始值为隐藏 */
	display: none;
}
#big img{
	width:1600px;
	height:1600px;
	position: absolute;
	left: 0;
	top:0;
}

#big,#small{
	margin-left: 100px;
	float: left;
}
#mo{
	/* 最上边的一层膜宽高100%,层级在最上层,完全覆盖住原始框，
	确保鼠标在原始框上移动时,放大镜能跟着稳定的移动，
	即鼠标移动的参照物唯一 */
	width:100%;
	height:100%;
	z-index: 999;
	position: absolute;
}

/* 商品详情 */
.product-detail{
	/* z-index: -1; */
	width:44%;
	height:300px;
	/* background: #005CBF; */
	float:right;
	margin-right:100px;
}
.pt-price{
	width:100%;
	height:60px;
	line-height:60px;
	background-image: linear-gradient(to right, #ccc , #666);
}
.pt-price span:first-child{
	font-size:14px;
	padding-left:10px;
}
.pt-price span:last-child{
	padding-left:40px;
	font-size:26px;
	color:#FF0036;
}

/* 屏幕尺寸 */
.pt-size{
	width:100%;
	height:40px;
	line-height:40px;
	margin-top:20px;
}
.pt-size span:first-child{
	font-size:14px;
	padding-left:10px;
}
.allsize{
	display: inline-block;
	width:80px;
	text-align: center;
	border:1px solid #666666;
	cursor: pointer;
	margin-left:40px;
}
/* 颜色分类 */
.pt-color{
	width:100%;
	height:40px;
	line-height:40px;
	margin-top:20px;
}
.pt-color span:first-child{
	font-size:14px;
	padding-left:10px;
}
/* 数量 */
.pt-num{
	width: 100%;
	margin-top:30px;
}
.pt-num span:first-child{
	font-size:14px;
	padding-left:10px;
}
.pt-input{
	width:50px;
	vertical-align:bottom;
}
.numbtn{
	display: inline-block;
	width: 25px;
	height:25px;
	text-align: center;
	border: 1px solid #666;
}
.btnbuy{
	margin-left:40px;
	/* margin-top:100px; */
	width:22%;
}


/* 详情页面背景图 */
.bg-detail{
	/* background:red; */
}
/* 横向滚动 */
		
body{ background:#fff;  }
img{ border:0;  }
a{ text-decoration:none; color:#333;  }

/* 本例子css */
.picMarquee-left{ width:450px;  overflow:hidden; position:relative;  border:1px solid #ccc;   }
.picMarquee-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.picMarquee-left .hd .next{ background-position:0 -50px;  }
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
.picMarquee-left .bd{ padding:10px;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:120px; height:90px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picMarquee-left .bd ul li .title{ line-height:24px;   }

#cut{
	padding:1px 6px;
}
#add{
	padding:1px 6px;
}
.hotpdt{
	width:30%;
	height:100%;
	line-height:150px;
	font-weight:bold;
	font-size:30px;
	display: inline-block;
	text-align: right;
	font-family: "微软雅黑";
	text-shadow: 2px 2px 2px #ccc;
	color:orangered;
}

.det-content{
	float: right;
	width: 30%;
	/* height:100%; */
	/* background: blue; */
	/* border:1px solid red; */
	position:absolute;
	right:330px;
}

/* 价格 */
.pricetxt{
	width:100%;
	height:40px;
	line-height:40px;
	background: #CCCCCC;
}
.pricetxt p span:first-child{
	font-size:12px;
	padding-left:10px;
}
.pricetxt p span:last-child{
	font-size:18px;
	padding-left:50px;
	color:red;
	font-weight:bold;
}

/* 颜色分类 */
.colorclass{
	width:100%;
	margin-top:10px;
}
.colorclass p span:first-child{
	font-size:12px;
	padding-left:10px;
	border: none !important;
	margin:0 !important;
}
.colorclass p span{
	display: inline-block;
	border:1px solid #ccc;
	margin-left:30px;
	padding:4px 10px;
}