@charset "utf-8";
/* CSS Document */

#main_container div.product{ position:relative; margin-bottom:30px}
#main_container div.product div.big{ border:1px solid #adadad; float:left;margin-right:27px; width:635px; height:498px;}
#main_container div.product div.logo{position:absolute; top:22px; left:20px}
#main_container div.product div.intro{ float:left;_float:none; _position:absolute; _top:0px; _left:0px}
#main_container div.product div.intro div.tabbg{height:23px; width:335px}
#main_container div.product div.intro div.tabbg ul{ list-style:none; margin:0; padding:0}
#main_container div.product div.intro div.tabbg ul li{ float:left; color:#868686; font-size:12px; cursor:pointer;background:url(/en/resource/images/pic_products_categories_product_intro_tab_2_0_bg.jpg) no-repeat 2px center; padding-left:15px; padding-right:14px;  padding-top:9px;height:22px;  *padding-top:10px;*height:21px;_padding-top:10px;_height:21px;width:68px }
#main_container div.product div.intro div.tabbg ul li.current{ background:url(/en/resource/images/pic_products_categories_product_intro_tab_2_bg.jpg) no-repeat; color:#ffffff; }

#main_container div.product div.intro div#tabcontent{ min-height:369px;_height:369px; float:none;width:335px }
#main_container div.product div.intro div#tabcontent div.tab{ padding-left:13px; padding-top:18px; height:316px;}
#main_container div.product div.intro div#tabcontent div#specification{ height:auto!important; }
#main_container div.product div.intro div#tabcontent div#specification ul.specifications{list-style:none; margin:0; padding:0; min-height:320px;_height:320px;}
#main_container div.product div.intro div#tabcontent div#specification ul.specifications li{ margin-bottom:5px; font-size:12px; line-height:130%; color:#868686; width:320px; }
#main_container div.product div.intro div#tabcontent div#specification ul.specifications li div.label{ color:#646464; width:140px; float:left;line-height:140%;}
#main_container div.product div.intro div#tabcontent div#specification ul.specifications li div.content{ margin-left:144px; float:none;}
#main_container div.product div.intro div#tabcontent div#specification ul.specifications li div.content span.disabledproduct{ color:#c82230; font-weight:bold}

#main_container div.product div.intro div#tabcontent div#specification ul.specifications li a{ color:#646464}
#main_container div.product div.intro div#tabcontent div#specification ul.specifications li div.technologys{ border:0px solid #e9e9e9; padding-top:7px; padding-bottom:7px;*padding-bottom:0px;_padding-bottom:0px; margin-top:0px; float:left;}
#main_container div.product div.intro div#tabcontent div#specification ul.specifications li div.technologys ul{list-style:none; margin:0; padding:0; height:auto}
#main_container div.product div.intro div#tabcontent div#specification ul.specifications li div.technologys ul li { float:left; margin-right:5px; margin-bottom:0px; width:auto }
/*#main_container div.product div.intro div#tabcontent div#specification ul.specifications li div.prizes{ border:1px solid #e9e9e9; padding-top:7px; padding-bottom:7px;*padding-bottom:0px;_padding-bottom:0px; padding-left:11px;padding-right:11px; margin-top:0px; float:left;}*/
#main_container div.product div.intro div#tabcontent div#specification ul.specifications li div.prizes ul{list-style:none; margin:0; padding:0; height:auto}
#main_container div.product div.intro div#tabcontent div#specification ul.specifications li div.prizes ul li { float:left; margin-right:5px; margin-bottom:0px; width:auto }

#main_container div.product div.intro div#tabcontent div#features{ height:auto!important}
#main_container div.product div.intro div#tabcontent div#features ul{list-style:none; margin:0; padding:0;}
#main_container div.product div.intro div#tabcontent div#features ul li{font-size:12px; color:#868686; line-height:150%; /* width:300px;*/ margin-bottom:12px; padding-left:13px; background:url(/en/resource/images/pic_products_categories_product_intro_dot_icon.jpg) no-repeat 1px 5px}
#main_container div.product div.intro div#tabcontent div#installationguide{font-size:12px; color:#868686; }
#main_container div.product div.intro div#tabcontent div#manualbook{font-size:12px; color:#868686; }

/*滚动条*/
#main_container div.product div.intro div#tabcontent div#features.tab .jScrollPaneContainer {	position: relative;	overflow: hidden;z-index: 1;}
#main_container div.product div.intro div#tabcontent div#features.tab .jScrollPaneTrack {	position: absolute;	cursor: pointer;right: 1px;top: 0px;height: 100%;background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff;/*background: #ffffff; border-left:1px solid #b5b5b5;*/ margin-bottom:1px; }
#main_container div.product div.intro div#tabcontent div#features.tab .jScrollPaneDrag {position: absolute;/*background-color: #646464;*/cursor: pointer;	overflow: hidden; margin-left:1px;background:url(/cn/resource/images/scrollpane_drag_middle.gif) repeat-y  -1px 0px}
#main_container div.product div.intro div#tabcontent div#features.tab .jScrollPaneDragTop {position: absolute;top: 0;left: 0;	overflow: hidden; height:9px; background:url(/cn/resource/images/scrollpane_drag_up.gif) no-repeat 0px top #ffffff; _background-position:0px top;/*border-bottom:1px solid #ffffff;*/}
#main_container div.product div.intro div#tabcontent div#features.tab .jScrollPaneDragBottom {position: absolute;	bottom: 0;left: 0;overflow: hidden;height:9px; background:url(/cn/resource/images/scrollpane_drag_bottom.gif) no-repeat 0px top #ffffff; _background-position:0px top; /*border-top:1px solid #ffffff*/}
#main_container div.product div.intro div#tabcontent div#features.tab a.jScrollArrowUp {display: block;position: absolute;z-index: 1;	top: 0;	right: 1px;text-indent: -2000px;overflow: hidden;	/*background-color: #666;*/	height: 8px;}
#main_container div.product div.intro div#tabcontent div#features.tab a.jScrollArrowUp:hover {/*background-color: #f60;*/}
#main_container div.product div.intro div#tabcontent div#features.tab a.jScrollArrowDown {display: block;	position: absolute;	z-index: 1;	bottom: 0;right: 1px;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/	height: 8px;}
#main_container div.product div.intro div#tabcontent div#features.tab a.jScrollArrowDown:hover {/*background-color: #f60;*/}
#main_container div.product div.intro div#tabcontent div#features.tab a.jScrollActiveArrowButton,
#main_container div.product div.intro div#tabcontent div#features.tab a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}
#main_container div.product div.intro div#tabcontent div#features.tab a.jScrollArrowUp,
#main_container div.product div.intro div#tabcontent div#features.tab a.jScrollArrowUp:hover {background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff;}
#main_container div.product div.intro div#tabcontent div#features.tab a.jScrollArrowDown {background: url(/cn/resource/images/scrollpane_track.gif) repeat-y #ffffff;}
#main_container div.product div.intro div#tabcontent div#features.tab a.jScrollArrowDown:hover {}
#main_container div.product div.intro div#tabcontent div#features.tab a.jScrollActiveArrowButton,
#main_container div.product div.intro div#tabcontent div#features.tab a.jScrollActiveArrowButton:hover {background-position: 0 0px;}
#main_container div.product div.intro div#tabcontent div#features.tab div.scrollpane {width: 320px;height: 450px;overflow: auto;float: left;}



#main_container div.product div.intro div#installationguide div.tools{ margin-top:22px; float:left; margin-left:-13px;_margin-left:-7px;width:330px}
#main_container div.product div.intro div.tools{ margin-top:10px; float:left; margin-left:-13px;_margin-left:-7px;  }
#main_container div.product div.intro div.tools ul{list-style:none; margin:0; padding:0; height:auto!important;min-height: inherit!important;}
#main_container div.product div.intro div.tools ul li{ float:left; margin-right:6px;_margin-right:4px;line-height:20px}

#main_container div.product div.intro div#tabcontent div#internaldata ul.internaldata li{ float:none; color:#868686; font-size:12px;}
#main_container div.product div.intro div#tabcontent div#internaldata ul.internaldata li a{ color:#868686; text-decoration:none; border-bottom:1px #868686 dashed; *line-height:150%}
#main_container div.product div.intro div#tabcontent div#internaldata ul.internaldata li{ line-height:130%;margin-bottom:5px;margin-bottom:5px;width:320px;  }
#main_container div.product div.intro div#tabcontent div#internaldata ul.internaldata li div.label{color:#646464;float:left;line-height:140%;width:70px; font-size:12px;}
#main_container div.product div.intro div#tabcontent div#internaldata ul.internaldata li div.content{color:#646464;margin-left:75px;color:#868686;font-size:12px;}



#main_container div.product div.intro div.viewed{ margin-top:8px; width:335px; float:left}
#main_container div.product div.intro div.viewed div.title{ border-bottom:1px solid #adadad; font-size:12px ; color:#adadad; padding-bottom:3px; margin-bottom:6px;}
#main_container div.product div.intro div.viewed ul{list-style:none; margin:0; padding:0}
#main_container div.product div.intro div.viewed ul li{ float:left; margin-right:4px;height:40px;}
#main_container div.product div.intro div.viewed ul li img{ border:1px solid #e9e9e9}

#main_container div.productstab { border-bottom:1px solid #adadad; margin-bottom:19px;height:20px;  *height:21px}
#main_container div.productstab ul{list-style:none; margin:0; padding:0}
#main_container div.productstab ul li{ float:right; font-size:12px; color:#adadad; margin-right:5px;padding-bottom:3px; padding-top:2px}
#main_container div.productstab ul li.label{ margin-right:10px}
#main_container div.productstab ul li.tab{ float:left; padding-left:6px; padding-right:6px; cursor:pointer; color:#858585}
#main_container div.productstab ul li.tab span.number{color:#adadad}
#main_container div.productstab ul li.current{ background-color:#e9e9e9; color:#646464}
#main_container div.productstab ul li.current span.number{color:#646464}
#main_container div.productstab ul li a{ color:#646464}


/* Chrome */
body:nth-of-type(1) #main_container div.product div.intro div#tabcontent div.tab{padding-top:16px}
body:nth-of-type(1) #main_container div.product div.intro div#tabcontent div#specification ul li {line-height:140%; } 
body:nth-of-type(1) #main_container div.product div.intro div#tabcontent div#specification ul li div.label {line-height:140%; } 
body:nth-of-type(1) #main_container div.product div.intro div.tools{ margin-top:6px/*17px*/;}
#main_container div.product div.intro div#tabcontent div#specification ul li div.label {font-weight:bold; } 
#main_container div.product div.intro div#tabcontent div#specification ul li div.tec_title{border-bottom:1px solid #cccccc;border-top:2px solid #cccccc;}
#main_container div.product div.intro div#tabcontent div#specification ul li div.sp_title{border-bottom:1px solid #cccccc;}


body:nth-of-type(1) #main_container div.product div.intro div#tabcontent div#internaldata ul li {line-height:140%; } 
body:nth-of-type(1) #main_container div.product div.intro div#tabcontent div#internaldata ul li div.label {line-height:140%; } 
body:nth-of-type(1) #main_container div.product div.intro div.tools{ margin-top:6px/*17px*/;height:18px}



/*海洁特特定样式*/
#main_container div.hydrotect div.intro div#tabcontent div#specification ul.specifications li div.technologys ul li { margin-right:0px; }
#main_container div.hydrotect div.intro div#tabcontent div#specification ul.specifications li div.prizes ul li { margin-right:0px; }
#main_container div.hydrotect div.intro div#tabcontent div#specification ul.specifications li div.specification ul li { margin-bottom:5px; font-size:12px; line-height:130%; color:#868686; float:left; width:auto;margin-right:25px;margin-top:4px; }
#main_container div.hydrotect div.intro div#tabcontent div#specification ul.specifications li div.content  div.colors{ height:110px}
#main_container div.hydrotect div.intro div#tabcontent div#specification ul.specifications li div.content  div.colors ul li { margin-bottom:5px; font-size:12px; line-height:130%; color:#868686; float:left; width:auto;margin-right:8px ;_margin-right:6px ;}



/*滚动条*/
#main_container div.hydrotect div.intro div#tabcontent div#specification ul.specifications li div.content  .jScrollPaneContainer {	position: relative;	overflow: hidden;z-index: 1;  }
#main_container div.hydrotect div.intro div#tabcontent div#specification ul.specifications li div.content  .jScrollPaneTrack {	position: absolute;	cursor: pointer;right: 1px;top: 0px;height: 100%;background: url(/en/resource/images/scrollpane_track.gif) repeat-y #ffffff;/*background: #ffffff; border-left:1px solid #b5b5b5;*/ margin-bottom:1px; }
#main_container div.hydrotect div.intro div#tabcontent div#specification ul.specifications li div.content  .jScrollPaneDrag {position: absolute;/*background-color: #646464;*/cursor: pointer;	overflow: hidden; margin-left:1px;background:url(/en/resource/images/scrollpane_drag_middle.gif) repeat-y -1px 0px}
#main_container div.hydrotect div.intro div#tabcontent div#specification ul.specifications li div.content  .jScrollPaneDragTop {position: absolute;top: 0;left: 0;	overflow: hidden; height:9px; background:url(/en/resource/images/scrollpane_drag_up.gif) no-repeat 0px top #ffffff; _background-position:0px top;/*border-bottom:1px solid #ffffff;*/}
#main_container div.hydrotect div.intro div#tabcontent div#specification ul.specifications li div.content  .jScrollPaneDragBottom {position: absolute;	bottom: 0;left: 0;overflow: hidden;height:9px; background:url(/en/resource/images/scrollpane_drag_bottom.gif) no-repeat 0px top #ffffff; _background-position:0px top; /*border-top:1px solid #ffffff*/}
#main_container div.hydrotect div.intro div#tabcontent div#specification ul.specifications li div.content  a.jScrollArrowUp {display: block;position: absolute;z-index: 1;	top: 0;	right: 1px;text-indent: -2000px;overflow: hidden;	/*background-color: #666;*/	height: 8px;}
#main_container div.hydrotect div.intro div#tabcontent div#specification ul.specifications li div.content  a.jScrollArrowUp:hover {/*background-color: #f60;*/}
#main_container div.hydrotect div.intro div#tabcontent div#specification ul.specifications li div.content  a.jScrollArrowDown {display: block;	position: absolute;	z-index: 1;	bottom: 0;right: 1px;text-indent: -2000px;overflow: hidden;/*background-color: #666;*/	height: 8px;}
#main_container div.hydrotect div.intro div#tabcontent div#specification ul.specifications li div.content  a.jScrollArrowDown:hover {/*background-color: #f60;*/}
#main_container div.hydrotect div.intro div#tabcontent div#specification ul.specifications li div.content  a.jScrollActiveArrowButton,
#main_container div.hydrotect div.intro div#tabcontent div#specification ul.specifications li div.content  a.jScrollActiveArrowButton:hover {/*background-color: #f00;*/}
#main_container div.hydrotect div.intro div#tabcontent div#specification ul.specifications li div.content  a.jScrollArrowUp,
#main_container div.hydrotect div.intro div#tabcontent div#specification ul.specifications li div.content  a.jScrollArrowUp:hover {background: url(/en/resource/images/scrollpane_track.gif) repeat-y #ffffff;}
#main_container div.hydrotect div.intro div#tabcontent div#specification ul.specifications li div.content  a.jScrollArrowDown {background: url(/en/resource/images/scrollpane_track.gif) repeat-y #ffffff;}
#main_container div.hydrotect div.intro div#tabcontent div#specification ul.specifications li div.content  a.jScrollArrowDown:hover {}
#main_container div.hydrotect div.intro div#tabcontent div#specification ul.specifications li div.content  a.jScrollActiveArrowButton,
#main_container div.hydrotect div.intro div#tabcontent div#specification ul.specifications li div.content  a.jScrollActiveArrowButton:hover {background-position: 0 0px;}
#main_container div.hydrotect div.intro div#tabcontent div#specification ul.specifications li div.content  .scroll-pane {width: 313px;height: 330px;overflow: auto;float: left;}


/*视频*/
.modal
{
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;

    display: none; 

    width: 100%;
    height: 100%;
}
.modal .modal-bg
{
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    opacity: .8;
    background: #000;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';
}
.modal .modal-inner
{
    position: absolute;
    z-index: 1; 
    top: 50%;
    left: 50%;

    width: 100%;
    max-width: 1024px;
    height: 100%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .modal .modal-inner
    {
        width: 90%;
    }
}
.modal #player
{
    position: absolute;
    top: 50%;
    left: 50%;

    width: 90%;
    padding-top: 50%;

    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .modal #player
    {
        min-width: 0;
        padding-top: 50%;
    }
}
.modal #player .video-js
{
    position: absolute;
    top: 0;
    right: 0;

    width: 100% !important;
    height: 100% !important;
}
.modal #player video
{
    position: absolute;
    top: 0;
    right: 0;

    width: 100% !important;
    height: 100% !important;
}
.modal .modal-close
{
    position: absolute;
    z-index: 10;
    top: -70px;
    right: 0;

    width: 50px;
    height: 50px;

    cursor: pointer;
    -webkit-transition: all .5s ease;
            transition: all .5s ease; 
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .modal .modal-close
    {
        top: -50px;
        right: 0;

        width: 40px;
        height: 40px;
    }
}
.modal .modal-close:hover
{
    -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
            transform: rotate(135deg);
}
.modal .modal-close:before
{
    position: absolute;
    top: 25px;
    right: 0;

    width: 100%;
    height: 2px;

    content: '';

    background: #fff;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .modal .modal-close:before
    {
        top: 20px;
    }
}
.modal .modal-close:after
{
    position: absolute;
    top: 0;
    left: 25px;

    width: 2px;
    height: 100%;

    content: '';

    background: #fff;
}
@media screen and (min-width: 0) and (max-width: 568px)
{
    .modal .modal-close:after
    {
        left: 20px;
    }
}