@charset "utf-8";
/* CSS Document */
* {padding: 0;margin: 0;}
@media screen and (min-width:767px) and (max-width:1100px){.pic_div{width: 320px!important;margin:0 auto;}.pro_info .pro_info_title ul li{padding: 5px 10px!important;}#sidebar{ display:none;}}
@media screen and (min-width:421px) and (max-width:767px){.pic_div{width: 390px!important;margin:0 auto;}}
@media screen and (min-width:401px) and (max-width:420px){.pic_div{width: 370px!important;margin:0 auto;}}
@media screen and (min-width:360px) and (max-width:400px){.pic_div{width: 330px!important;margin:0 auto;}}
@media screen and (min-width:320px) and (max-width:359px){.pic_div{width: 290px!important;margin:0 auto;}}

/*相关样式*/
.pic_div{width:420px;float:left;z-index: 1;position: relative;}

#showbox span { background:url(../images/whitebg.png) repeat;}
.sm_pic{background:#eee;}
#showsum {background:#eee; left:25px; margin-top:10px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}

.showpage { width:100%; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}



/*产品详情标签切换*/
.pro_info .pro_info_title{ margin:10px 0 30px 0; padding:0; background-color:#ddd;border: 1px solid #ccc;}
.pro_info .pro_info_title ul li{ float:left; padding:5px 28px; font-size:14px;  cursor:pointer;}
.pro_info .pro_info_title ul li.on{ background-color:#368bff; color:#fff;}
@media screen and (max-width:767px){
    .pro_info .pro_info_title ul li{ float:left; padding:5px 5px; font-size:12px; cursor:pointer;}
	}

@media (max-width: 768px) {
  .container { width: auto !important; } 
  .site-main{ width:auto;    float: none!important;}
    .showpage a{
        top:-50px;
        height: 48px;
        line-height:48px;
    }
}