﻿/*���м��ʽ*/
.nav {padding:0 10px 15px 22px;height:24px;line-height:24px;background:url('../images/ico-nav.png') no-repeat 0px 3px;font-size:14px;}
.nav div {float:right;}
.nav i {font-style:normal;color:#777;padding:0 0px;font-family:simsun;}
.nav em {font-style:normal;color:#999999;padding:0 10px;font-size:12px;}
.nav a{color:#777}
.nav a:hover{color:#d12a3e}
input.copyurl{background:url(../images/ico-share.png) no-repeat;padding-left:27px;border:none;display:block;margin-top:3px}
input.copyurl:hover{text-decoration:underline}
input.copyurl:foucs{outline:none;border:none}
/*��Ʒ����ҳ��ʽ*/
.first-screen{ background:white;overflow:hidden;padding:20px;box-shadow: 0px 0px 15px #dadada;}
.salebox_l{width:360px;float:left;padding:0px 30px 20px 0px;overflow:hidden}
.base{padding-top:10px}
.base dl{overflow:hidden;width:100%;padding:5px 0px;font-size:14px;line-height:20px;}
.base dt{float:left;color:#777}
.base dd{overflow:hidden;;color:#555}
.buynow{padding-top:15px;overflow:hidden;width:100%}
.buynow a{background:#ff7200;display:block;float:left;margin-right:20px;padding:12px 30px;font-size:16px;color:white;border-radius:2px; cursor:pointer}
.buynow a.demo{background:#ee2e2c}
.buynow a:hover{background:#f00}
.step_price {background:#EEEEEE;text-align:center;margin-right:20px;}
.step_price td {border-right:#DDDDDD 1px solid;}
.left-side{width:230px;float:left;}
.right-side { width: 950px;float:right;}
.right-side h3{border-bottom:1px solid #e9e9e9;height:45px;font-size:18px;line-height:45px;}
.proInfo{width:518px;  float:left; border-right:1px solid #f3f3f3;font-size:14px;}
.proInfo h1{font-size: 22px; line-height: 30px; overflow: hidden; color: #000; margin-bottom: 15px; max-height: 60px; font-weight:normal}
.proInfo h5{font-size:14px;color:#ee2e2c;margin-bottom:15px;margin-top:-10px;padding-right:20px;}
.proInfo p{font-size:14px;line-height:41px;color:#4c4c4c;height:41px;overflow:hidden;}
.proInfo i{color:#888;margin-right:20px;float:left; text-align:justify}
.proInfo .proPrice{background:url("../images/copyright.png") no-repeat 0px -96px scroll; width:479px;height:62px;line-height:31px; padding:15px 0; margin-bottom:10px; font-size:12px; position:relative}
.proInfo .proPrice p{ height:31px; line-height:31px;padding-left:20px;margin:0px}
.proInfo .proPrice span{color:#ee2c2e;float:left;line-height:31px;font-size:18px;}
.proInfo .proPrice em{margin-right:10px; color:#000; font-size:13px;}
.proInfo .proPrice font{font-size:24px;margin-left:5px;font-weight:bold;}
.proInfo p a:hover{color:#ee2c2e}
.proInfo p a{color:#4c4c4c;font-size:14px}
.proInfo p font{color:#ee2c2e}
.proInfo a.onlineInquiry{ display:block; width:175px; height:43px; background:#ee2c2e; border-radius:3px; text-align:center; line-height:43px; color:#fff; font-size:16px; margin-top:30px;transition:all 0.3s ease-in-out 0s;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s}
.proInfo a:hover.onlineInquiry{ background:#cd0225}
.qrcode { width:47px;position: absolute;right:10px;top:23px;z-index:1000}
.qrcode p{font-size:12px;}
.qrcode dl{display:none}
.qrcode:hover dl {display: inline-block;position: relative;z-index:10000;background:white;width:110px;box-shadow: 0px 0px 3px rgba(0,0,0,0.15);top:10px;padding:5px;left:-30px}
.qrcode:hover dl img{width:110px;height:110px;}

/*������ڿ�*/
.shopInfo{width:215px; float:right; padding:0 15px; overflow:hidden;}
.shopInfo h2{ font-weight:normal; text-align:center; height:44px; line-height:44px; font-size:16px; padding-top:4px; background:url("../images/copyright.png") no-repeat 0px -189px scroll;}
.shopInfo h3{border-bottom:1px solid #e9e9e9;height:45px;font-size:18px;line-height:45px;}
.shopInfo a{width:110px;height:90px; display: block; color: #333; font-size: 12px; padding:19px 0px 19px 102px; border-bottom:1px solid #f3f3f3; position: relative; overflow:hidden;}
.shopInfo a img {width: 90px; height: 90px; position: absolute; left: 0; top: 19px;}
.shopInfo a b{display: block;  line-height:20px; color: #333; overflow: hidden; font-weight: 400;}
.shopInfo a:hover b{ color:#ee2c2e}
.shopInfo a span {display: block; height: 25px; line-height: 25px; overflow: hidden; color: #ee2c2e; margin-top:5px;}
.shopInfo a:last-child{ border:none}
.sx { width:100%; overflow:hidden;margin-bottom:20px;font-size:14px;}
.sx dl{height:30px;line-height:30px; float:left;width:33%;overflow:hidden;padding:0px;}
.sx dl dt{float:left;color:#777}
.sx dl dd{overflow:hidden}
.content{padding:15px 0px;overflow:hidden}
.s-shopInfo{background:white;box-shadow: 0px 0px 3px rgba(0,0,0,0.15);overflow:hidden}
.s-shopInfo h2{ padding:0px 15px; height:45px; line-height:45px; font-size:16px;border-bottom:#eee 1px solid; background:#fff; color:#333}
.s-shopInfo h2:before{content:"";display:block;width: 3px; height: 16px; background:#183167; margin:14px 10px 0 0; float:left;}
.s-shopInfo dl{padding:0 15px;padding:0 15px; overflow:hidden}
.s-shopInfo a{width:95px;height:90px; display: block; color: #333; font-size: 12px; padding:19px 0px 19px 102px; border-bottom:1px solid #f3f3f3; position: relative; overflow:hidden;}
.s-shopInfo a img {width: 90px; height: 90px; position: absolute; left: 0; top: 19px;}
.s-shopInfo a b{display: block;  line-height:20px; color: #333; overflow: hidden; font-weight: 400;}
.s-shopInfo a:hover b{ color:#ee2c2e}
.s-shopInfo a span {display: block; height: 25px; line-height: 25px; overflow: hidden;font-weight:bold; color: #ee2c2e; margin-top:5px;}
.s-shopInfo a:last-child{ border:none}
#mid_pos {position:absolute;}
#mid_div {width:360px;height:360px;cursor:crosshair;border:#eee 1px solid}
#zoomer {border:#333333 1px solid;width:120px;height:90px;background:#FFFFFF url('../images/zoom_bg.gif');position:absolute;opacity:0.5;filter:alpha(opacity=50);}
#big_div {width:400px;height:500px;border:#CCCCCC 1px solid;background:#FFFFFF;position:absolute;overflow:hidden;z-index:1000}
#big_pic {position:absolute;}
.ab_im {padding:2px;margin:10px 0 10px 32px;border:#C0C0C0 1px solid;}
.ab_on {padding:2px;margin:10px 0 10px 32px;border:#FF6600 1px solid;background:#FF6600;}
.selectList { background: #fff; border: 1px solid #eee; margin-bottom: 20px;  box-shadow: 0px 0px 3px rgba(0,0,0,0.15);}
.selectList dl { position: relative; padding: 10px 80px 10px 50px; line-height: 30px; border-bottom: 1px solid #eee; overflow: hidden; }
.selectList dl: last-child { border-bottom: #fff 0px solid; }
.selectList dl dt { position: absolute; width: 100px; left: 20px; top: 12; text-align: left; margin: 0; font-size: 14px; }
.selectList dl dd a { color: #266eab; line-height: 30px; margin-left: 20px; display: inline-block;font-size:14px; }
.selectList dl dd a:hover{ text-decoration:underline}
.selectList dl dd { height: 30px; overflow: hidden; }
.selectList dl dd.showMore { position: absolute; top: 10px; right: 20px; cursor: pointer; }
.selectList dl dd.showMore h3 { line-height: normal; padding: 5px 8px; background: #f7f7f7; border: 1px solid #eee;font-size:12px; text-align:center; font-weight: normal; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; border-radius: 3px; }
.selectList dl dd.showMore h3 i { background: none; float: none; display: inline-block; font-size: 12px;}
.selectList dl dd.showMore h3:hover { color: #ff6000; border: #ff6000 solid 1px; background: #fbeaed; }
.selectList dl dd a.on{font-weight:bold}
