@charset "utf-8";
/*图片放大效果*/
.box{width:100%;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:68px;margin:0 10px 5px 0;overflow:hidden;border:1px solid #ddd;}
.tb-s310, .tb-s310 a{height:440px;width:440px;}
.tb-s310, .tb-s310 img{max-height:445px;max-width:445px;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40 a{height:64px;width:64px;}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}
.tb-thumb .tb-selected{height:68px;border:2px solid #543116;}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:500px;height:500px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.Tootip{top:-85px;left: 80px; width: 300px;}
.Navigation{width: 1200px;}
.Navigation li a{margin:0px 15px;}
.Description h2{margin-bottom: 20px;}
.Promain{width: 100%;margin: 20px 0px;}
.PromainLeft{ width: 450px;float: left;}
.Procontent{width: 100%;float: left; margin-top:20px; line-height: 25px;}
.PromainRight{width: 620px;float: left;margin:20px; font-size: 14px;}
.Protitle{font-size:22px; line-height: 25px;width: 100%;float: left;margin-bottom:20px;font-weight: bold;}
.Protxt{ line-height: 25px; }
.Procontent img{max-width: 800px;}
.pshare {
    float: left;
    padding: 20px 0 0 0;
    width: 100%;
}
.pshare li {
    float: left;
    width: 48%;
    height: 28px;
    line-height: 28px;
    font-size:14px;
    list-style: none;
}
.pshare li i{margin-right:5px;}
.p_more {
    line-height: 48px;
    height: 48px;
    padding: 0 20px;
    background-color: #f97674;
    float: left;display: inline-block;
}
.tb-thumb li img{width: 62px;height: auto;}
.probtn{background-color: #f39801;
    padding: 3px 10px 5px 10px;
    color: #fff;
    border-radius: 10px; font-size: 25px;}
.proa{width: 100%;float: left;margin-top:50px; text-align: center;}
a.probtn{ color: #fff; text-decoration: none;}
@media only screen and (min-width: 1263px ) {
    .TopMenu, .Head, .Content, .Footer, .CopyrightBox, .NevPage { width: 1200px;}
    .DetailContet{ width: 1168px;}
    .DetailedTextBox{ width: 726px;}
    .MainContent{ width: 963px;}
    .AlsoLike dd{ margin-right: 20px; width: 220px;}
    .ProSize110px{ width: 220px; height: 220px;}
    .CusItems li {width: 220px; margin-right: 20px;}
    .ProSize110px img, .CusItems img {width: 100%; height: auto;}
    .ColorList .ColorAttribute {width: 565px;}
    .AlsoLike dd:hover{box-shadow: 0 0 15px #a0a0a0;}
    .AlsoLike dd:hover a{color:#e62e04;}
}

@media (max-width: 575px) {
    .standardSize label{width: 20%;text-align: center;}
    .SizeList{width: 75%;}
    .DetailedTextBox li .SizeList li.d_css{width: 50%;float: left;text-align: left;}
    .pi-data{margin-left:0px; width: 100%;}
}


@media (min-width: 768px) and (max-width: 991px) {
    .DetailedTextBox li .SizeList li.d_css{width: 25%}
}
@media (max-width: 768px) {
    .tb-s310, .tb-s310 img{width: 100%;}
    .PromainLeft,.PromainRight{padding:0px 10px; width: auto;}
    .PromainRight{margin:20px 0px;}
    .Procontent img{padding:5px 10px; width: 100%;}
    .tb-thumb li img{width: 68px; height: 68px;}
}