@charset "utf-8";

.cpinfo{width:1256px;margin:0 auto;}
.effinfo{width:1256px;margin:0 auto;}

h2.info_h2{width:1190px;font-weight:normal;height:41px;line-height:41px;text-align: left;background:url(../img/icon_5.jpg) no-repeat left center;margin:0 auto 35px auto;font-size:27px;padding:0 0 0 66px;}

.cpinfo .l{width:55%;margin:0 7% 10px 0;float:left;background:#fff;padding:2.6%;}
.cpinfo .l .cp_img{margin:0 0 35px 0;width:100%;position: relative;text-align: center;background:url(../img/loading_0.gif) center no-repeat;min-height: 200px;}
.cpinfo .l .cp_img img{max-height: 500px;width:auto;}
.cpinfo .l .cp_img .zhaun{vertical-align:top;box-shadow:2px 2px 0px #ddd,3px 3px 0px #ddd;max-width:100%;height:auto;}
.cpinfo .l .cp_img .zhauns{vertical-align: top;margin:0 13px;box-shadow:2px 2px 0px #ddd,3px 3px 0px #ddd;}
.cpinfo .l .cp_img .zoom{position: absolute;left:5px;z-index:5;top:5px;opacity:0.0;}
.cpinfo .l .line{width:25px;height:3px;background:#111;margin:0 0 10px 0;}
.cpinfo .l .name{font-size:22px;line-height:32px;height:35px;}
.cpinfo .l .size{font-size:16px;line-height:30px;height:30px;color:#555;}
.cpinfo .r .likecp{width:100%;left:0;top:100%;position: absolute;margin:25px 0 0 0;}
.cpinfo .r .likecp h5{line-height:20px;height:35px;}
.cpinfo .r .likecp a{width:80px; margin:0 15px 0 0;display: inline-block;text-align:center;float:left;}
.cpinfo .r .likecp a img{width:60px;height:auto;border:1px solid #ddd;padding:5px;max-height:130px;}
.cpinfo .r .likecp a .name{font-size:12px;height:25px;line-height: 25px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;}
.cpinfo .r{width:32%;float:right;;font-family:'verdana';}
.cpinfo .r .var{font-size:16px;line-height:32px;}
.cpinfo .r .type_{font-size: 16px;line-height:32px;}
.cpinfo .r .duomian{font-size:16px;line-height:32px;padding:0 0 0 0;}
.cpinfo .r .yunyong{font-size:16px;line-height:32px;padding:0 0 0 0;}
.cpinfo .r .nmian{height:auto;padding:10px  0 0 0;}
.cpinfo .r .nmian b{display: block;font-size:14px;height:35px;line-height: 25px;}
.cpinfo .r .nmian .zhuan{width:38px;height:60px;overflow: hidden;display: inline-block;margin:0 8px 0 0;}
.cpinfo .r .nmian .zhuan.selected img,.cpinfo .r .nmian .zhuan:hover img{box-shadow:1px 0px 2px #666;}
.cpinfo .r .qrcode{padding:10px 0 0 0;}
.cpinfo .r .qrcode img{outline:1px solid #666;padding:5px;}

.momms{background:url(../img/product_info_mms.jpg) center no-repeat;height:494px;margin:40px  0 0 0;box-shadow: 0 2px 6px #ddd;}
.momms .DF{width:1256px;margin:0 auto;position: relative;}
.momms .DF h4{font-size:30px;color:#fefefe;font-weight:normal;padding:38px 0 12px 0;}
.momms .DF h5{font-size:17px;color:#fefefe;font-weight:normal;padding:5px 0 10px 0;width:760px;line-height: 34px;letter-spacing: 2px;}
.momms .vrimg{position: absolute;left:0;top:280px;}
.momms .vrimg img{max-width:130px;border: 8px solid #fff;}
.momms .vrimg .p{margin:5px 0 0 0;background:#fff;color:#333;display: block;height:25px;line-height: 25px;border-radius: 5px;display: none;}

.likecp{width:92%;margin:23px auto;}
.likecp h5{line-height:20px;height:35px;}
.likecp a{width:22%; margin:0 4% 0 0;display: inline-block;text-align:center;float:left;}
.likecp a img{width:60px;height:auto;border:1px solid #ddd;padding:5px;max-height:130px;}
.likecp a .name{font-size:12px;height:25px;line-height: 25px;overflow:hidden;text-overflow:ellipsis; white-space:nowrap;display:none;}
.likecp a:nth-child(5){margin:0;}

.effinfo{padding:30px 0  30px 0;}
.effinfo h2{font-weight:normal;width:240px;height:41px;line-height:41px;text-align: center;background:url(../img/icon_5.jpg) no-repeat left center;margin:0 0 35px 0;font-size:27px;}
.effinfo .img{padding:0 0 10px 0;}
.effinfo .img img{vertical-align: top;max-width:1256px;box-shadow:0 2px 3px #cecece;}

.page{width:460px;height:90px;margin:0 auto;text-align: center;clear: both;}
.page a{display: inline-block;margin:0 12px;height:55px;line-height:55px;padding:0 30px;border-radius: 1px;font-size:17px;background:#fff;}
.page a:hover{box-shadow:1px 1px 3px #ddd;color:#fefefe;background:#e62129;}



@media screen and (max-width:600px)
{
	.cpinfo{width:auto;margin:0 auto;}
	.effinfo{width:auto;margin:0 auto;}
	.product_info {height: auto;padding:20px 0 0 0;}
	h2.info_h2{width:auto;font-weight:normal;height:34px;line-height:34px;text-align: left;background:none;margin:0 auto 15px auto;font-size:20px;padding:0 0 0 0;width:90%;text-align:center}

	.cpinfo .l{width:90%;margin:0 2% 10px 2%;float:none;background:#fff;padding:3%;}
	.cpinfo .l .cp_img{margin:0 0 35px 0;width:100%;position: relative;}
	.cpinfo .l .cp_img .zhaun{vertical-align:top;}
	.cpinfo .l .cp_img .zhauns{vertical-align: top;margin:0 3.5%;box-shadow:2px 2px 0px #ddd,3px 3px 0px #ddd;width:18%;height: auto;}
	.cpinfo .l .cp_img .zoom{position: absolute;left:5px;z-index:5;top:5px;opacity:0.0;}
	.cpinfo .l .line{width:25px;height:3px;background:#111;margin:0 0 10px 0;}
	.cpinfo .l .name{font-size:22px;line-height:32px;height:35px;}
	.cpinfo .l .size{font-size:16px;line-height:30px;height:30px;color:#555;}
	.cpinfo .r .likecp{width:100%;left:inherit;top:inherit;position: inherit;margin:20px 0 0 0;}
	.cpinfo .r .likecp h5{line-height:20px;height:35px;}
	.cpinfo .r .likecp a{width:20%; margin:0 5% 0 0;display: inline-block;text-align:center;float:left;height:auto;}
	.cpinfo .r .likecp a img{width:100%;height:auto;border:0;padding:0;max-height:120px;box-shadow:1px 1px 0px #aaa,2px 2px 0px #aaa; }
	.cpinfo .r .likecp a .name{font-size:12px;height:25px;line-height: 25px;display: none;}
	.cpinfo .r{width:90%;float:none;font-family:'verdana';margin:0 5%;padding:122px 0 0 0;}
	.cpinfo .r .var{height:auto;font-size:14px;line-height:28px;}
	.cpinfo .r .type_{font-size: 14px;padding:0;}
	.cpinfo .r .duomian{font-size:14px;line-height:28px;padding:0 0 0 0;}
	.cpinfo .r .nmian{position: absolute;top:-10px;}
	.cpinfo .r .yunyong{font-size:14px;line-height:28px;padding:0 0 33px 0;}
	.cpinfo .r .qrcode{padding:10px 0 0 0;}
	.cpinfo .r .qrcode img{outline:1px solid #666;padding:5px;}

	.momms{background:url(../img/product_info_mms.jpg) center no-repeat;height:266px;margin:10px  0 0 0;box-shadow: 0 2px 6px #ddd;background-size:330%;;}
	.momms .DF{width:90%;margin:0 auto;}
	.momms .DF h4{font-size:25px;color:#fefefe;font-weight:normal;padding:38px 0 12px 0;}
	.momms .DF h5{font-size:12px;color:#fefefe;font-weight:normal;padding:5px 0 10px 0;width:100%;line-height:22px;letter-spacing: 0px;}
	.vrimg{position: inherit;right:inherit;top:inherit;margin:48px 4% 10px 4%;width:92%;}
	.vrimg img{max-width:140px;border:7px solid #fff;}
	.vrimg .p{margin:1px 0 0 0;background:none;color:#333;display: block;height:25px;line-height: 25px;border-radius: 5px;}
	

	.effinfo{padding:20px 0 0 0;width:100%;margin:0 auto;height: auto;}
	.effinfo h2{font-weight:normal;width:auto;height:31px;line-height:31px;text-align: left;background:none;margin:0 3% 15px 3%;font-size:18px;}
	.effinfo h2 span{color:#e62129;font-weight:bold;}
	.effinfo .img{padding:0 0 10px 0;height: auto;float:none;}
	.effinfo .img img{vertical-align: top;max-width:100%;box-shadow:none;height: auto;}
	.effinfo .unb{position: relative;left:inherit;width:100%;outline:0px solid #eee;top:inherit;;}

	.page{width:100%;height:60px;margin:20px auto;text-align: center;padding:30px 0 0 0;}
	.page a{display: inline-block;margin:0 1%;height:45px;line-height:45px;padding:0 5%;border-radius: 1px;font-size:15px;background:#fff;}
	.page a:hover{box-shadow:1px 1px 3px #ddd;color:#fefefe;background:#e62129;}


}