.body{ padding: 20px 0;}
aside.lft{ width: 300px;}
	aside.lft h3{ margin-bottom: 20px;}
	aside.lft .product{ margin-bottom: 20px;overflow:hidden; position:relative;}
		aside .product .bd ul{ overflow:hidden; zoom:1; }
		aside .product .bd ul li{zoom:1; }
		aside .product .bd ul li a,aside .product .bd ul li img{ display: block; line-height: 36px;}
		aside .product .bd ul li img{ height: 300px;}
		aside .product .bd ul li a h4{ padding: 0 5px; overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}
		aside .product .bd ul li a:hover{ background: #fff; text-decoration: none;}
	aside.lft .contact span{ color: #999;}
	aside.lft .news{ margin-bottom: 20px;}
		aside.lft .news a{ display: block; height: 36px; line-height: 36px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
		aside.lft .news a:hover{ color: #d00;}
.main.rgt{ width: 100%; margin-right: -320px; padding-right: 320px; box-sizing:border-box;}
	.main h1{ text-align: center; font-size: 30px; font-weight: normal; padding: 10px; margin-bottom: 20px;}
	article p,article div{ text-indent: 2em; margin: 0; padding: 0; margin-bottom: 1em;}
	article .desc{ text-indent: 0; color: #999; text-align: center; font-size: 12px;}
	article .desc a:hover{ color: #d00;}
	article img{ display: block; margin: 20px auto;}
	.main .link{ color: #999;}
	.main .link div{ padding: 2px 0;}
	.main .link a{ color: #333;}
	.main .link a:hover{ color: #d00;}
	.main.contact article img{ display: inline-block; vertical-align: top; margin: 0;}
	.main.contact span{ color: #999; display: inline-block; width: 120px; text-align: right;}
	.gbook div{ margin-bottom: 4px;}
        .gbook .txt{ padding: 5px; box-sizing:border-box; width: 180px; border: 1px solid #ddd;}
        .gbook textarea.txt{ width: 360px; height: 80px; vertical-align: middle;}
        .gbook .btn{ width: 120px; height: 36px; background: #d00; color: #fff; border: 0;}
    .gbook .h1{ font-size: 24px; font-weight: normal; margin: 20px auto; text-align: center;}
.honor h3{ text-align: center; margin-bottom: 10px;}
.honor li{ float: left; width: 30%; padding: 1.5%; transition:all 0.2s ease;}
.honor li img{ display: block;}
.honor li:hover{background: #fff; transition:all 0.2s ease;}
.plist h2,.nlist h2{ font-size: 14px; font-weight: normal; margin-bottom: 20px;}
	.plist h2 a,.nlist h2 a{ display: inline-block; padding: 5px 10px;}
	.plist h2 .on,.nlist h2 .on{ background: #786455; color: #fff;}
	.plist li{ width: 30%; height: 405px; margin: 1.5%; float: left;}
	.plist li a{ display: block; text-decoration: none;}
	.plist li .pic{ height: 264px; overflow: hidden;}
    .plist li img{ width: 100%; height: 100%;-ms-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease; transition:all 0.2s ease;}
    .plist li a:hover{ background: #fff;}
    .plist li a:hover img{ -ms-transform:scale(1.15);-moz-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transform:scale(1.05); transform:scale(1.05);-ms-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;-webkit-transition:all 0.2s ease; transition:all 0.2s ease;}
    .plist li h3{ padding: 0 10px; font-size: 14px; font-weight: normal; height: 36px; line-height: 36px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
    .plist li p{ padding: 0 10px; margin: 0; line-height: 20px;}
    .plist li .price{ color: #d00; font-size: 18px; padding: 0 10px;}
    .plist li span{ font-size: 12px;}

.preview{width:400px; height:465px; float: left; position: relative;}
/* smallImg */
.smallImg{position:relative; height:52px; margin-top:1px; background-color:#F1F0F0; padding:6px 5px; width:390px; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; opacity: 0.3;}
.scrollbutton.smallImgUp{background:url(../images/d_08.png) no-repeat; }
.scrollbutton.smallImgDown{background:url(../images/d_09.png) no-repeat; margin-left:375px; margin-top:-50px;}
.scrollbutton:hover{opacity: 1;}

#imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}
/* bigImg */
.bigImg{position:relative; float:left; width:400px; height:400px; overflow:hidden;}
.bigImg #midimg{width:400px; height:400px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; background: url(../images/mask.png);}
/* bigView */
#bigView{position:absolute;border: 1px solid #959595; width: 400px; height: 400px; overflow: hidden; z-index:999; left: 405px; top: 0; box-sizing:border-box;}
#bigView img{position:absolute; max-width:none;}
.pshow .clr .rgt{ width: 454px;}
.pshow a.wd{ display: inline-block; vertical-align: middle; margin:2px 6px 2px 2px; width: 85px; height: 30px; background: url(../images/img.png) -525px -113px no-repeat #fff; border:2px solid #fff;}
.pshow a.tb{ display: inline-block; vertical-align: middle; margin:2px 6px 2px 2px; width: 85px; height: 30px; background: url(../images/img.png) -535px -140px no-repeat #fff; border:2px solid #fff;}
.pshow a.wd:hover,.pshow a.tb:hover{ border-color: #d00;}
.pshow .clr .rgt ul{ border-top: 1px solid #ddd; margin-top: 20px;}
.pshow .clr .rgt li{ padding: 10px 0; border-bottom: 1px solid #ddd;}
.pshow .clr .rgt li span{ color: #999;}
.pshow article{ padding-top: 30px; margin-top: 30px; border-top: 1px solid #ddd;}
.pshow article img{ width: 100%; margin: 0;}
#share a{ background: url(../images/img.png) no-repeat; padding: 0; margin: 6px 2px 2px 0; width: 36px; height: 36px;}
#share a.none{ background: none; font-size: 12px; line-height: 36px;}
#share .bds_more{ background-position: -461px -456px;}
#share .bds_qzone{ background-position: -461px -638px;}
#share .bds_tsina{ background-position: -460px -501px;}
#share .bds_tqq{ background-position: -461px -545px;}
#share .bds_sqq{ background-position: -462px -592px;}
#share .bds_weixin{ background-position: -461px -683px;}
#share .bds_more:hover{ background-position: -511px -456px;}
#share .bds_qzone:hover{ background-position: -511px -638px;}
#share .bds_tsina:hover{ background-position: -510px -501px;}
#share .bds_tqq:hover{ background-position: -511px -545px;}
#share .bds_sqq:hover{ background-position: -512px -592px;}
#share .bds_weixin:hover{ background-position: -511px -683px;}
.abt{ padding-top: 20px;}
.abt h3{ padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 10px; color: #000;}
.abt .picScroll-left{ width:100%; margin: 0 auto;  padding-top: 10px;}
	.abt .picScroll-left .hd{float: right; width:45px; height: 30px; overflow: hidden; margin-top: -50px;}
		.abt .picScroll-left .hd .prev,.abt .picScroll-left .hd .next{cursor: pointer; display:block;  width:20px; height:20px; text-align: center; float: left; background: #ccc; color: #fff;font-size: 20px; line-height: 20px; margin-top: 0; font-family: "宋体"; margin-left: 2px;}
		.abt .picScroll-left .hd a:hover{ background:#d00;}
		.abt .picScroll-left .bd ul li{ display: block; width: 160px; height: 190px;margin:0 6px; }
		.abt .picScroll-left .bd ul li img{ width: 160px; height: 160px; display:block; opacity: 0.5;-ms-transition:opacity 0.2s ease;-moz-transition:opacity 0.2s ease;-o-transition:opacity 0.2s ease;-webkit-transition:opacity 0.2s ease; transition:opacity 0.2s ease;}
		.abt .picScroll-left ul li h4{ height: 30px; line-height: 30px; font-weight: normal; }
		.abt .picScroll-left ul li a{ display: block;}
		.abt .picScroll-left ul li a:hover{ color: #d00;}
		.abt .picScroll-left ul li a:hover img{ opacity: 1;-ms-transition:opacity 0.2s ease;-moz-transition:opacity 0.2s ease;-o-transition:opacity 0.2s ease;-webkit-transition:opacity 0.2s ease; transition:opacity 0.2s ease;}
.master li{ padding: 10px;}
	.master li:hover{ background: #fff;}
	.master li .lft{ width: 160px;}
	.nlist li .lft{ width: 240px;}
		.nlist li .lft img{ width: 240px; height: 156px; display: block;}
	.master li .rgt{ width: 100%; margin-left: -180px; padding-left: 180px; box-sizing:border-box;}
	.nlist li .rgt{ margin-left: -260px; padding-left: 260px;}
	.master li p{ text-indent: 2em;}
	.master li h3 a:hover{ color: #d00;}
	.master li .detail{ float: right; padding: 3px 20px; background: #786455; color: #fff;}
	.master li .detail:hover{ background: #d00;}
.pages{ margin: 30px 0; text-align:center; font-size:14px; color: #999;}
	.pages a{ display:inline-block; background: #786455;border-radius: 2px; color:#fff; height:24px; line-height:24px; padding:2px 10px; margin:0 1px;}
	.pages a.current{ background:#d00;color:#fff; }