﻿.top { width:100%; height:30px; overflow:hidden; background-color:#f6f6f6;}
.top-c {color: #666;
margin: auto;
width: 960px;
font-size: 12px;
line-height: 34px;
padding:0 15px;
}
.top-c p { line-height:30px;}
.top-left { float:left;}
.top-right { float:right;}
.top-c a {
color:#666;
text-decoration: none;
}
.top-c a:hover {color:#DC5329;}

.header { width:960px; height:80px; padding:15px 15px; margin:0 auto;}

.top-nav .nav1 { width:960px; margin:0 auto;}
.top-nav ul li { width:auto;}
.top-nav ul li a { padding:0.8em 1.5em;}
.top-nav ul li.active {  background-color:#9d2f0a;}
.top-nav ul li a:hover { background-color:#9d2f0a;}
.current-position { width:960px; padding:15px; margin:0 auto; color:#8c8c8c;}
.current-position a { text-decoration:none;color:#8c8c8c;}
.current-position a:hover { color:#DC5329;}
.productsline .container {}
.box{ width:50%; margin-right:10%; float:left; padding:10px; }
@media (max-width: 767px) 
{
    .box,..box_right { width:100%;}
    }
.box_right h3{display:block;width:100%; font-size:32px; color:#004a93; font-weight:100;line-height:50px;}
.box_right p { line-height:2em; font-size:1.1em; padding:1em 0; width:100%; display:block; float:left;}
.box_right .box_min p { line-height:2em;}
.box_right {width:40%; float: left; }


.box_mid_min { display:block; width:50%; height:210px; float: left;border-bottom:1px solid #ccc;border-top:1px solid #ccc; }
.box_mid_min img { height:200px; width:240px;}
.left-pro{ width:100%; text-align:left;float:left;    border: 1px solid #e6e6e6;}
.left-pro .t1{width:100%;float:left}
.left-pro .t2{width:100%;text-indent:0;float:left; overflow: hidden;}
.left-pro .t2 img{text-indent:0;}
#showArea a {cursor:pointer;display:block; width:33.3%; margin-bottom:5px;padding:10px;float:left}
#showArea a img { width:100%;}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:block;margin-left:9px;float:left;}
#gobottom{cursor:pointer;display:block;margin-left:9px; float:left;}
#showArea{width:100%; padding-top:20px; overflow:hidden;float:left;}
.MagicZoomBigImageCont{border:1px solid #91b817;overflow:hidden;display:none !important;}
.MagicZoomBigImageCont img{width:800px;height:800px}
.MagicZoomBigImageCont iframe{width:300px;height:300px}
.MagicZoomHeader{font:10px Tahoma, Verdana, Arial, sans-serif;color:#fff;background:#91b817;text-align:center !important}
.MagicZoomPup{border:1px solid #aaa;background:#fff;cursor:hand;left:0}
.MagicZoomLoading{text-align:center;background:#fff;color:#444;opacity:0.8;padding:3px 3px 3px 3px !important;display:none}
.MagicZoomLoading img{padding-top:3px !important}
.MagicThumb{cursor:url(404.png), pointer;outline:none}
.MagicThumb-zoomed{cursor:default}
.MagicThumb span{display:none}
.MagicThumb-image{border:1px solid #ccc;outline:none}
.MagicThumb-image-zoomed{cursor:url(404.png), pointer}
.MagicThumb-caption{color:#333333;background-color:#F0F0F0;border:1px solid #CCC;border-top:none;font-family:Verdana, Helvetica;font-size:11px;padding:8px 16px}
.MagicThumb-controlbar{display:block;height:18px}
.MagicThumb-controlbar a{display:block;width:180px;height:180px;margin:0px 1px;outline:none;float:left;overflow:hidden}
.MagicThumb-controlbar a span{display:block;width:1000px;height:1000px;background:transparent url(404.png) no-repeat 0 0;outline:none;position:absolute;left:0px;top:0px}
.MagicThumb-loading{border:1px solid #000;background:#fff url(404.png) no-repeat 2px 50%;padding:2px 2px 2px 22px;margin:0;text-decoration:none;text-align:left;font-size:8pt;font-family:sans-serif;}

.pro-detailed-left h3,.pro-detailed-right h3 {display: block;height:100%; width:100%; font-size:1.2em; line-height:40px; margin-bottom:20px; padding:0 0 0 10px; background-color:#DA491C; color:#fff; font-family:"SimHei";}
.pro-detailed-left { width:75%;clear: both; margin-right:5%;
float: left;}
.pro-detailed-right {width:20%;
                     float:left;}

.pro-detailed-left-c {border:1px solid #ccc;clear: both; text-align:center; padding:20px 0;}
.pro-detailed-right-c {border:1px solid #ccc;clear: both;}
.pro-detailed-left-c img { margin:0 auto;}

.pro-detailed-right-c .buy-list 
{
    clear: both;
margin:0;
 padding:0 0 15px 0;;
    }
.pro-detailed-right-c .buy-list li 
{
    zoom: 1;
clear: both;
padding-top: 15px;
overflow: hidden;
    }
.pro-detailed-right-c .buy-list li img 
{
    float: left;
width: 80px;
display: block;
padding-left: 5px;
    }
.pro-detailed-right-c .buy-list li p 
{
     margin:0;
    }
.pro-detailed-right-c .buy-list li p span 
{
    display:block; margin:10px auto;
    } 
 
 
 .product-right .row 
 {
      padding:30px 0;
     }
    

.tab-pane 
{
     background-color:#ffffff;
     border:1px solid #eeeeee;
     padding:20px;
    }