@import url(common.css); @charset "utf-8"; /* ========================================================== * Name: 全站公共样式 * Date: 2011/07/01 * User: littlemao ============================================================*/ body{font-weight:normal;font:12px "HelveticaNeue-Light","Lucida Grande",verdana,lucida,helvetica,arial,sans-serif;} .banner{margin-left:auto;margin-right:auto;width:100%;height:273px;border-top:#c56979 1px solid;border-bottom:#ff6600 4px solid;} .productbg{background:#f8f9fa;border-top:#e3e3e3 0px solid;} .newsbg{border-top:#9f384f 0px solid;} .aboutbg{border-top:#9f384f 0px solid;} /*导航*/ .nav{height:30px;line-height:30px;border-bottom:2px solid #d4d4d4;color:#666;font-size:12px;font-weight:normal;padding-left:0px;width:100%;float:right;margin-bottom:20px;} .nav span{font-size:12px;margin-right:5px;} .nav span a{color:#666;} .nav a.home{color:#ff6600;} /*左侧类别*/ .sortbox{width:160px;} .sortbox h3{font-family: HelveticaNeue-Medium;font-size: 16px;color: #FF6600;letter-spacing: 0;line-height: 20px;margin-bottom:10px;text-transform:uppercase;} .sortbox ul li{height:auto;line-height:14px;border-bottom:1px solid #d4d4d4;} .sortbox ul li a{font-size: 14px;color: #666666;line-height: 14px;display:block;padding:12px 0px;} .sortbox ul li.cur a, .sortbox ul li a:hover{color: #000;font-family: HelveticaNeue-Medium;} /*联系我们*/ .contact h3{height:30px;line-height:30px;color:#fcdc00;font-size:14px;font-weight:bold;} .contact .box{padding:0;line-height:25px;} /*Product images in detail*/ .propiclist{position:relative;overflow:hidden;width:610px;margin-left:0px;} .propiclist .bigImg{position:relative;height:auto;background:#fff;} .propiclist .bigImg li img{vertical-align:middle;width:auto;height:auto;} .propiclist .bigImg h4{font-size:14px;font-weight:bold;line-height:33px;height:33px;padding-right:30px;overflow:hidden;text-align:left} .propiclist .smallScroll{margin-top:5px;} .propiclist .sPrev,.propiclist .sNext{float:left;display:block;width:37px;height:53px;text-indent:-9999px;background:url(../img/menu.jpg) no-repeat -76px -24px;filter:alpha(opacity=50);opacity:0.5;} .propiclist .sNext{background-position:-114px -24px} .propiclist .sPrev:hover{background-position:0 -24px} .propiclist .sNext:hover{background-position:-38px -24px} .propiclist .smallImg{float:left;margin:0 6px;display:inline;width:514px;overflow:hidden} .propiclist .smallImg ul{height:80px;width:9999px;overflow:hidden} .propiclist .smallImg li{float:left;padding:0 4px 0 0;width:70px;cursor:pointer;display:inline} .propiclist .smallImg img{width:70px;height:53px} .probox{background:#fff;padding:20px;margin-bottom:30px;} .probox .pro-profile{float:right;width:320px;} .probox .ptitle{width:100%;margin-top:40px;font-family: HelveticaNeue-Medium;font-size: 28px;color: #000000;letter-spacing: 2px;} .probox .pspecification{width:320px;margin-top:20px;} .probox .pspecification p{padding-left:0px;font-family: HelveticaNeue-Light;font-size: 20px;color: #333333;line-height: 32px;} .probox .pspecification ul{margin-top:20px;} .probox .pspecification ul li{font-family: HelveticaNeue-Medium;font-size: 16px;color:#000;line-height:30px;background:url(../img/ul-dot.png) no-repeat 0 center;padding-left:22px;} .pdetails{width:100%;color:#666;line-height:20px;font-family: HelveticaNeue-Light;font-size: 20px;color: #333333;line-height: 28px;margin-top:20px;margin-bottom:30px;} .pdetails h4{border-bottom:#ff6600 1px solid;display:none;} .pdetails h4 span{width:96px;height:27px;line-height:27px;text-align:center;color:#fff;display:block;background:#ff6600;border:#dc8686 1px solid;} .pdetails p{padding-left:0px;} .relativeitem{margin-left:0px;} .relativeitem span{padding-left:0px;color:#999;} .relativeitem span a{margin-right:20px;}