body,html{
	padding: 0px;
	margin: 0px;
	background-color: #ffffff;
	width: 100%;
}


body,h1,h2,h3,h4,h5,h6,div,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
 
body{_overflow:auto;_height:100%;margin:0 auto;}
html{_overflow:hidden}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
small{font-size:12px}
ul,ol,li,dl,dt,dd{list-style:none}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
legend{color:#000}
fieldset,img{border:0}
button,input,select,textarea{font:12px/1.5 tahoma,arial,sans-serif; vertical-align:middle;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
.clear{display:block;float:none;clear:both;overflow:hidden;visibility:hidden;width:0;height:0;background:none;border:0;font-size:0}


ul{
	margin: 0px;
	padding: 0px;
}
ul li{
	list-style: none;
}
.container .title{
	width:859px;
	margin: 0px auto;
	margin-top: 50px;
}
.content{
	width: 100%;
    margin: 0 auto;
}
.content .left{
	float: left;
    width: 100%;
}
.content .right{
	width: 34%;
	float: left;
	position: relative;
}
.content .right .img_auto{
	text-align: center;
}

.right .goods  li{
	width:48%;
}
.right .goods  li img{
	border-radius: 50%;
}
.right .goods{
	position: relative;
}
.right .goods .goods_1,.right .goods .goods_2,.right .goods .goods_3,.right .goods .goods_4,.right .goods .goods_5{
	position: absolute;
}
.goods_1{
	left: 0px;
	top:0px;
}
.goods_2{
	right:0px;
	top:0px;
}
.goods_4{
	left: 0px;
	bottom:0px;
}
.goods_5{
	right:0px;
	bottom: 0px;
}

@media screen and (min-width: 1400px) and (max-width: 2000px) { 
	.goods{
		height: 608px
	}
	.goods_3{
		top: 32%;
    	left: 25.5%;
	}
.img1{background:url(../images/img1.jpg) 50% 50% no-repeat;height:741px}
.img2{background:url(../images/img2.jpg) 50% 50% no-repeat;height:1200px}
.img3{background:url(../images/img3.jpg) 50% 50% no-repeat;height:872px}
.img4{background:url(../images/img4.jpg) 50% 50% no-repeat;height:845px}
.img5{background:url(../images/img5.jpg) 50% 50% no-repeat;height:249px}
.img6{background:url(../images/img6.jpg) 50% 50% no-repeat;height:1023px}
.img7{background:url(../images/img7.jpg) 50% 50% no-repeat;height:966px}
.img8{background:url(../images/img8.jpg) 50% 50% no-repeat;height:780px}
}
@media screen and (min-width: 1279px) and (max-width: 1400px) {
	.goods{
		height: 442px
	}
 	.goods_3{
		top: 32%;
    	left: 25.5%;
	}
.img1{background:url(../images/img1.jpg) 50% 50% no-repeat;height:741px}
.img2{background:url(../images/img2.jpg) 50% 50% no-repeat;height:1200px}
.img3{background:url(../images/img3.jpg) 50% 50% no-repeat;height:872px}
.img4{background:url(../images/img4.jpg) 50% 50% no-repeat;height:845px}
.img5{background:url(../images/img5.jpg) 50% 50% no-repeat;height:249px}
.img6{background:url(../images/img6.jpg) 50% 50% no-repeat;height:1023px}
.img7{background:url(../images/img7.jpg) 50% 50% no-repeat;height:966px}
.img8{background:url(../images/img8.jpg) 50% 50% no-repeat;height:780px}
}
@media screen and (min-width: 1151px) and (max-width: 1279px) {
 	.goods{
		height: 334px
	}
 	.goods_3{
		top: 32%;
	   left: 25.5%;
	}
.img1{background:url(../images/img1.jpg) 50% 50% no-repeat;height:741px}
.img2{background:url(../images/img2.jpg) 50% 50% no-repeat;height:1200px}
.img3{background:url(../images/img3.jpg) 50% 50% no-repeat;height:872px}
.img4{background:url(../images/img4.jpg) 50% 50% no-repeat;height:845px}
.img5{background:url(../images/img5.jpg) 50% 50% no-repeat;height:249px}
.img6{background:url(../images/img6.jpg) 50% 50% no-repeat;height:1023px}
.img7{background:url(../images/img7.jpg) 50% 50% no-repeat;height:966px}
.img8{background:url(../images/img8.jpg) 50% 50% no-repeat;height:780px}
}
@media screen and (min-width: 100px) and (max-width: 1150px) {
.img1{background:url(../images/img1.jpg) 50% 50% no-repeat;height:741px}
.img2{background:url(../images/img2.jpg) 50% 50% no-repeat;height:1200px}
.img3{background:url(../images/img3.jpg) 50% 50% no-repeat;height:872px}
.img4{background:url(../images/img4.jpg) 50% 50% no-repeat;height:845px}
.img5{background:url(../images/img5.jpg) 50% 50% no-repeat;height:249px}
.img6{background:url(../images/img6.jpg) 50% 50% no-repeat;height:1023px}
.img7{background:url(../images/img7.jpg) 50% 50% no-repeat;height:966px}
.img8{background:url(../images/img8.jpg) 50% 50% no-repeat;height:780px}
	.goods{
		height: 362px
	}
	.goods_3{
		top: 32%;
	   left: 25.5%;
	}
}
.search{
	height: 500px;
	background-color: #ffffff;
}
.search .center{
	width:845px;
	margin:0 auto; 
}
.search .center .select{
	padding: 15px 0px;
	margin-bottom: 60px;
}
.search input{
	float: left;
	width:666px;
	height:57px;
	border:1px solid #000;
        font-size:28px;
}
.search .ab{
	float: left;
    display: block;
    width: 177px;
    height: 61px;
    line-height: 61px;
    text-align: center;
    color: #fff;
    background-color: #000000;
    font-size: 30px;
    font-family: '微软雅黑';
border:none;
 cursor:pointer;

}
.bottom{
	width: 80%;
	margin: 0 auto;

}
.bottom .goods_list  li{
	float: left;
	width: 33.3%;
	text-align: center;
	margin: 25px 0px;
	
}
/*.bottom .goods_list  li img{
	border-radius: 50%;
}*/

#imgbox-loading {position: absolute;top: 0;left: 0;	cursor: pointer;display: none;z-index: 90;}
#imgbox-loading div {background: #FFF;width: 100%;height : 100%;}
#imgbox-overlay {position: absolute;top: 0;	left: 0;width: 100%;height: 100%;background: #000;display: none;z-index: 80;}
.imgbox-wrap {position: absolute;top: 0;left: 0;background: #FFF;display: none;	z-index: 90;}
.imgbox-img {padding: 0;margin: 0;border: none;width: 100%;	height: 100%;vertical-align: top;}
.imgbox-title {	padding-top: 10px;font-size: 11px;text-align: center;font-family: Arial;color: #333;display: none;}
.imgbox-bg-wrap {position: absolute;padding: 0;margin: 0;display: none;}
.imgbox-bg {position: absolute;width: 20px;	height: 20px;}