/* CSS Document */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
input,button{margin:0;font-size:12px;vertical-align:middle;}
body{font-size:12px;font-family:Arial, Helvetica, sans-serif; color:#333; margin:0 auto; }
table{border-collapse:collapse;border-spacing:0;}

a{color:#333;text-decoration:none;}
a:hover{color:#c00; text-decoration:underline;}

#preview {text-align: center; margin: 10px auto 0px; width:100%; float:left; position:relative;}
.jqzoom {border-bottom: #ddd 1px solid; border-left: #ddd 1px solid; width:100%; max-width:400px; height:250px; vertical-align:middle; margin-bottom: 10px; overflow: hidden; border-top: #ddd 1px solid; border-right: #ddd 1px solid; position: relative; left:0;}
.zoomdiv {width: 310px; height:auto; left:10px; z-index: 100; border-bottom: #e4e4e4 1px solid; position: absolute; text-align: center; border-left: #e4e4e4 1px solid; width: 310px; background: url(../images/loading.gif) #fff no-repeat center center; overflow: hidden; border-top: #e4e4e4 1px solid; top: 1px; border-right: #e4e4e4 1px solid; left: 0px; z-index:99999999; display:block;}
#spec {position: absolute; right:0; width:550px; height:120px; margin-left: 6px; overflow: hidden; padding-top: 6px; bottom:0px;}

.specLeftT{display:block;width:11px;height:18px;position:absolute;top:40px;left:10px;background:url(../images/listpro_btn.png) no-repeat 0 0;overflow:hidden;cursor:pointer}
.specLeftT:hover{background-position:0 -54px}
.specRightF{display:block;width:11px;height:18px;position:absolute;top:40px;right:10px;background:url(../images/listpro_btn.png) no-repeat 0 -36px;overflow:hidden;cursor:pointer}
.specRightF:hover{background-position:0 -18px}

.specLeftF {display:block;width:11px;height:18px;position:absolute;top:40px;left:10px;background:url(../images/listpro_btn.png) no-repeat 0 0;overflow:hidden;cursor:pointer}
.specRightF {display:block;width:11px;height:18px;position:absolute;top:40px;right:10px;background:url(../images/listpro_btn.png) no-repeat 0 -36px;overflow:hidden;cursor:pointer}

#specList {display: inline; float: left; margin-left: 2px}
#specList UL LI {width:120px; display: inline; float: left; margin-right: 4px}
#specList UL LI IMG {border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; padding-bottom: 2px; padding-left: 2px; width: 100%; padding-right: 2px; margin-bottom: 1px; height: 100px; border-top: #ccc 1px solid; border-right: #ccc 1px solid; padding-top: 2px}

.bigimg {
	WIDTH: 800px; HEIGHT: 800px
}
.jqZoomPup {z-index: 10; border-bottom: #aaa 1px solid; position: absolute; filter: alpha(opacity=50); border-left: #aaa 1px solid; width: 50px; background: #fede4f no-repeat 50% top; height: 50px; visibility: hidden; border-top: #aaa 1px solid; top: 0px; cursor: move; border-right: #aaa 1px solid; left: 0px; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5}
#specList {POSITION: absolute; TEXT-ALIGN: left; WIDTH:495px; HEIGHT:101px; OVERFLOW: hidden; TOP: 0px; LEFT:25px
}
#specList UL {POSITION: absolute; WIDTH:490px; LEFT: 4px}

#specRight {
    display: block;
    width: 11px;
    height: 18px;
    position: absolute;
    top: 40px;
    right: 10px;
    background: url(../images/listpro_btn.png) no-repeat 0 0;
    overflow: hidden;
        background-position: 0 -36px;
    cursor: pointer;
}
#specRight:hover {
   
        background-position: 0 -18px;
    
}
#specRight,#specLeft{
    top: 50%!important;
   
    transform: translateY(-50%)!important;
}
.c_portalResnav_main-01001 .header1 nav li > a{
    text-decoration: none!important;
}
.protitle{ position:absolute; right:0; top:0; width:550px; text-align:left;}
.c_portalResProduct_detail-04001001 .p_ProInfo{ width:520px;}
@media screen and (max-width:640px){.protitle{ position:relative;}#spec{ display:none;}}