﻿/*#jj_left {display:none;}
#jj_right {width:1160px;padding:20px;margin:0px auto 2.5% auto;}
#proddetailbox {width:100%;padding:0px;margin:0px auto;}
*/
.mt10 {
    margin-top: 1%;
}
#preview{ float:left; margin:0px auto; text-align:center; width:280px;}
#spec-left{ background:url(../images/s-prv-next.png) no-repeat 10px 21px; width:28px; height:60px;border:1px solid #e0e0e0; float:left; cursor:pointer;text-indent:-1999px; }
#spec-right{background:url(../images/s-prv-next.png) no-repeat -80px 21px; width:28px; height:60px;border:1px solid #e0e0e0; float:left;cursor:pointer; text-indent:-1999px; }

.game163{ position: relative; overflow: hidden; width:380px; }
.game163 .bigImg{ height: 300px; position: relative;}
.game163 .bigImg li img{ vertical-align:middle; width:380px; height:300px;   }
.game163 .bigImg  h4{ font-size: 14px; font-weight: bold; line-height: 33px; height: 33px; padding-right: 30px; overflow: hidden; text-align: left; }

.game163 .smallScroll{ height: 62px;margin-top:15px; margin-bottom: 6px;}
.game163 .sPrev,.game163 .sNext{ float: left; display: block; width: 14px; height: 47px; text-indent: -9999px; background: url(../images/sprites1008.png) no-repeat 0 -3046px; }
.game163 .sNext{ background-position: 0 -2698px;}
.game163 .sPrev:hover{ background-position: 0 -3133px;}
.game163 .sNext:hover{ background-position: 0 -2785px;}

.game163 .smallImg{ float:left;  margin: 0px 0px 6px; display:inline; width: 320px; overflow: hidden;}
.game163 .smallImg ul{ height:62px;  width: 9999px; overflow: hidden; }
.game163 .smallImg li{ float: left; padding: 0 7px 0 12px; width:64px; cursor:pointer;  display: inline;  }
.game163 .smallImg li p.item {position:relative;bottom: 38px;left: 0px;z-index: 3;width: 66px;height: 26px;color: #fff;text-align: center;line-height: 26px;background: rgba(0,0,0,0.6);display:none;}
.game163 .smallImg li p.item:hover {background:rgba(255, 106, 0,0.6);}
.game163 .smallImg img{ width:66px; height:62px;  }
.game163 .smallImg .on img{ border-color: #1e50a2;}
.game163 .pageState{ position: absolute; top: 235px; right: 5px; font-family: "Times New Roman", serif; letter-spacing: 1px;display:none;}
.game163 .pageState span{ color: #f00; font-size: 16px;}

.hs-name {font-size:20px;line-height:48px;}
.hs-name span{font-size:12px;line-height:29px;color:#ff0000;}
.shopprice_box {margin:10px auto;width:95%;padding:2.5%;background:#cfcfcf;font-size:small;}
.shopprice_box .ptprice{font-size:12px;color:#808080;font-style:italic;line-height:26px;}
.shopprice_box .yhprice{font-size:18px;color:#ff0000;font-style:initial;line-height:38px;}

.shopmark_box {margin:10px auto;width:95%;padding:2.5%;background:#f4f4f4;line-height:28px;color:#666;}

.totalnum {height:32px;line-height:32px;text-align:center;border-top:1px dotted #ddd;border-bottom:1px dotted #ddd;}
.totalnum li {display:inline;width:33%;float:left;border-left:1px solid #ddd;margin-left:-1px;}
.totalnum li:first-child {border-left:0px;display:inline;width:34%;float:left;}
.btnbox .btn_orderask ,.btnbox .btn_ordernow ,.btnbox .btn_shopcart{border-radius:5px;border:1px solid #ddd;padding:0px 25px 0px 25px;}

.diypam {width:100%;margin:10px auto 0px auto;line-height:32px;}
.diypam span {display:inline;float:left;width:65px;height:36px;line-height:36px;text-align:left;}
.diypam .diypamlist {width:580px;display:inline;float:left;}
.diypam .diypamlist a {display:inline;float:left;padding:0px 15px 0px 15px;border:2px solid #efefef;margin-bottom:10px;margin-right:15px;}
/*.diypam .diypamlist a:first-child {display:inline;float:left;padding:0px 15px 0px 15px;border:2px solid #ff0000;margin-bottom:10px;margin-right:15px;}*/
.diypam .diypamlist a.cur{display:inline;float:left;padding:0px 15px 0px 15px;border:2px solid #ff0000;margin-bottom:10px;margin-right:15px;}

.proddetail_txt{ width:800px;height:383px;overflow:hidden; float:right;position:relative;right:0px;}
.proddetail_txt ul li{ line-height:32px;}
.proddetail_txt ul li span{ line-height:32px; font-size:12px; font-weight:bold;}
.proddetail_txt ul li.btnbox{ padding-top:10px; padding-left:0px;}
.proddetail_txt ul li.btnbox img{width:95px; height:25px; margin-right:10px;}
.proddetail_txt ul li.btnbox a.poplight{ display:inline; height:24px; padding:10px 20px 10px 20px; line-height:24px; border:1px solid #d1d1d1; border-radius:5px;}
.proddetail_txt ul li.btnbox a.poplight:hover{ display:inline; height:24px; padding:10px 20px 10px 20px; line-height:24px; border:1px solid #d1d1d1; border-radius:5px; background:#efefef;}
/*.proddetail_txt ul li:first-child { height: 40px;line-height: 40px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #c30202;font-size: 18px;font-weight: bold; }*/
.proddetail_txt ul li p {margin:0px; padding:0px; text-indent:2em; }
.shoptitle{ font-size:18px; font-weight:bold; line-height:32px; border-bottom:1px dotted #e6e9ed; text-align:left;}
.shopmembprice{ font-size:22px; font-weight:bold; color:#ff0000;}
.order_btn{ display:block; width:95px; height:25px; text-align:center; margin:0px auto; background:url(/images/btn_order.png) no-repeat top center;}
.sub_num{width:16px; height:16px; overflow:hidden; background:#ff0000; padding-left:5px; padding-right:5px; color:#ffffff; margin-right:5px;}
.del_num{width:16px; height:16px; overflow:hidden; background:#000000; padding-left:5px; padding-right:5px; color:#ffffff; margin-left:5px;}
.sub_num:hover{color:#ffffff;}
.del_num:hover{color:#ffffff;}
.partmers ul {border:1px solid #f1f1f1;background:#f5f5f5;}
.partmers ul li{    width:360px; padding:5px; display:inline-table; }
.partmers ul li strong{display:inline;width:100px; text-align:center; font-weight:bold;float:left;}
.partmers ul li span {margin-right:10px;}
.partmers ul li span:last-child {clear:both;}

#proddetailtit div.show{ display:inline; width:120px; height:35px;}
/**proddetail**/
#proddetailbox{width:100%;}

.side_left {width:100%;display:inline;float:left;margin-top:20px;}
/*.side_right {width:350px;display:inline;float:right;margin-top:20px;}*/

#proddetailtit{ width:100%;height:40px;  line-height:40px; background:#f5f5f5; }
#proddetailtit div{ border-bottom:0px; position:relative; bottom:0px; z-index:2;font-size:16px; }
#proddetailtit div.ahide{width:16.25%;display:inline;float:left;height:40px; text-align:center; color:#333333; cursor:pointer;}
#proddetailtit div.ashow{width:16.25%;display:inline;float:left;height:40px; text-align:center;color:#ffffff;cursor:pointer;background:#e9410a;}
#proddetailtit div:hover{width:16.25%;display:inline;float:left;height:40px; text-align:center;color:#ffffff;}
#proddetailbox div.sart{ display:none;width:100%; margin-top:0px; background:#ffffff;  padding:0px 0px;}
#proddetailbox div.sart h4.prod_tit {display: none;}
#proddetailbox div.sart .page_pmhtml ul {border-top:0px;}
/****/
#proddown{ margin-bottom:20px;}
#proddown a{ height:28px; line-height:28px;}

.realfaqlist {border-top:1px solid #333333;}
.realfaqlist li {height:24px;line-height:24px;border-bottom:1px dotted #666666;background: url(/images/ico10.gif) no-repeat left center;}
.realfaqlist li a {margin-left:10px;}

#proddetailbox div.sart div.news_con dl.news_dl {font-size: 14px;color: #666;padding: 0 0 0 0px;margin-left:0px;width: 700px;line-height: 22px;border-bottom: 1px dashed #CCCCCC;}
#proddetailbox div.sart div.news_con dl.news_dl dt {margin-bottom: 3px;margin-top: 5px;line-height: 24px;height: 24px;overflow: hidden;}
#proddetailbox div.sart div.news_con dl.news_dl dd {font-size: 12px;padding-left: 10px;height: 45px;overflow: hidden;margin-bottom: 10px;}
#proddetailbox div.sart div.news_con dl.news_dl a {color: #000;}
#proddetailbox div.sart div.news_con dl.news_dl .dt_1 {height: 20px;background: url(/images/ico10.gif) no-repeat 0 9px;padding-left: 10px;font-size: 14px;color: #c30202;font-weight: bold;}
#proddetailbox div.sart div.news_con dl.news_dl .dt_2 {font-size: 12px;float: right;padding: 0 10px 0 8px;font-family: "宋体";}
.prodtaglist {margin-top:10px;width:760px;}
.prodtoplist {width:226px;display:inline; float:right; border:1px solid #063374;}
.prodtoplist h3 {width: 176px;font: 16px "微软雅黑";color: #ffffff;font-weight: bold;height: 44px;line-height: 44px;text-align: left;padding: 0px 25px 0px 25px;background: #063374;}
.prodtoplist ul {width:200px;margin:13px auto;}
.prodtoplist ul li img {width:198px;border:1px solid #d1d1d1;}
.prodtoplist ul li span {display:block;height:22px;line-height:22px;text-align:center;width:200px;margin-bottom:20px;}

#proddetailbox .prod_tit {
    display:block;height:38px;line-height:38px;border-bottom:4px solid #c1c1c1;
    margin-top:1%;
}
#proddetailbox .prod_tit span{
    display:block;width:120px; height:38px;line-height:38px;border-bottom:4px solid #008fd7;
    background:#008fd7;text-align:center;color:#fff;
}
@media screen and (max-width:1200px) {

    #jj_right {width:100%;padding:0px;margin:0px auto 2.5% auto;}
    #preview{ margin:2.5% auto; text-align:center; width:95%;display:block;float:none;}
    #spec-left{ background:url(../images/s-prv-next.png) no-repeat 10px 21px; width:7%; height:60px;border:1px solid #e0e0e0; float:left; cursor:pointer;text-indent:-1999px; }
    #spec-right{background:url(../images/s-prv-next.png) no-repeat -80px 21px; width:7%; height:60px;border:1px solid #e0e0e0; float:right;cursor:pointer; text-indent:-1999px; }

    .game163{ position: relative; overflow: hidden; width:100%; }
    .game163 .bigImg{ height: auto; position: relative;}
    .game163 .bigImg li img{ vertical-align:middle; width:100%; height:auto;   }
    .game163 .bigImg  h4{ font-size: 14px; font-weight: bold; line-height: 33px; height: 33px; padding-right: 30px; overflow: hidden; text-align: left; }

    .game163 .smallScroll{ height: 62px;margin-top:15px; margin-bottom: 6px;}
    .game163 .sPrev,.game163 .sNext{ float: left; display: block; width: 14px; height: 47px; text-indent: -9999px; background: url(../images/sprites1008.png) no-repeat 0 -3046px; }
    .game163 .sNext{ background-position: 0 -2698px;}
    .game163 .sPrev:hover{ background-position: 0 -3133px;}
    .game163 .sNext:hover{ background-position: 0 -2785px;}

    .game163 .smallImg{ float:left;  margin: 0px 0px 6px; display:inline; width: 80%; overflow: hidden;}
    .game163 .smallImg ul{ height:62px;  width: 100%; overflow: hidden; }
    .game163 .smallImg li{ float: left; padding: 0 3px 0 4px; width:20%; cursor:pointer;  display: inline;  }
    .game163 .smallImg li p.item {display:none;position:relative;bottom: 38px;left: 0px;z-index: 3;width: 100%;height: 26px;color: #fff;text-align: center;line-height: 26px;background: rgba(0,0,0,0.6);}
    .game163 .smallImg li p.item:hover {background:rgba(255, 106, 0,0.6);}
    .game163 .smallImg img{ width:100%; height:62px;  }
    .game163 .smallImg .on img{ border-color: #1e50a2;}
    .game163 .pageState{ position: absolute; top: 235px; right: 5px; font-family: "Times New Roman", serif; letter-spacing: 1px; display:none;}
    .game163 .pageState span{ color: #f00; font-size: 16px;}
    .side_left {width:100%;}
    .side_right {display:none;}
    .showlist_detail {width:100%;padding:0%;}
    .proddetail_txt {width:95%;height:auto; float:none;padding:2.5%;}
    .diypam .diypamlist {width:100%;display:inline;float:left;}

    #proddetailtit{ width:100%;height:40px;  line-height:40px; background:#f5f5f5; }
    #proddetailtit div{ border-bottom:0px; position:relative; bottom:0px; z-index:2;font-size:14px; }
    #proddetailtit div.ahide{width:33%;display:inline;float:left;height:40px; text-align:center; color:#333333; cursor:pointer;}
    #proddetailtit div.ashow{width:33%;display:inline;float:left;height:40px; text-align:center;color:#ffffff;cursor:pointer;background:#e9410a;}
    #proddetailtit div:hover{width:33%;display:inline;float:left;height:40px; text-align:center;color:#ffffff;}
    #proddetailbox div.sart{ display:none;width:100%; margin-top:0px; background:#ffffff;  padding:0px 0px;}
    #proddetailbox div.sart h4.prod_tit {display: none;}
    #proddetailbox div.sart .page_pmhtml ul {border-top:0px;}
}