@charset "utf-8";
/* clear floating */
.clearfix:after,.product-intro:after,.product-data-foot:after,.product-acts:after,.detail-quality:after,.topic-tags ul:after{content:"";height:0;display:block;clear:both;visibility:hidden;}
* html .clearfix,* html .product-intro,* html .product-data-foot,* html .product-acts,* html .detail-quality,* html .topic-tags ul{display:inline-block;}
* +html .clearfix,* +html .product-intro,* +html .product-data-foot,* +html .product-acts,* +html .detail-quality,* +html .topic-tags ul{display:inline-block;}

/* images */
.product-acts button.bulk-inquiry span span,.product-acts button.add-to-cart span span,.detail-quality .select-list li a,.topic-tags li a{background-image:url(../../images/detail_sprite.png);background-repeat:no-repeat;background-color:transparent;}

/* reset */
.pathbar {background: #eee; padding-bottom: 5px; text-indent: 15px;}
.pathbar,.product-intro,.detail-box{text-align:left;}
.txt-center{text-align:center;}
.font-bold,.font-bold td{font-weight:bold;}

/* current path */


/* product intro */
.product-view {color: #000;}
.product-intro{padding:0 0 15px;}
.product-intro .product-cont{padding:10px 0px 0 0;}
.product-intro .product-title {border-bottom: 1px #000 solid; margin-bottom: 10px; padding-bottom: 10px; line-height:28px;}
.product-intro .product-title .product_name{font-size:24px;color:#000;font-weight:bold;float:left;}
.product-intro .product-title .product_subtitle{margin-left:20px;}
.product-intro .product-title .product_synonyms{margin-left:5px;}
.product-summary{width:900px;float:right; padding:0 0 0 0px;position:relative;}
.product-summary .ratings{margin-top:0;font-size:12px;}
.product-summary .cate-num{float:left;padding:0 3px 0 0;}
.product-preview{width:250px;float:left;line-height:180px;min-height:180px;}
.product-preview img{width:250px; vertical-align:middle;}
.product-side{width:280px;float:right;padding:10px 5px;text-align:center; height:170px;position:relative;}
.product-side h2{font-size:14px;font-weight:bold;padding:0 0 5px;}
.product-side .tab {}
.product-side .tab span {display:block;cursor:default; padding:5px 0;border-radius:5px 5px 0 0;width:139px!important;font-size:12px;font-weight:normal; float:left;background:#e1e1fa }
.product-side .tab span.hover{background:#1e5f89;color:#fff}
.product-side #rtab0 { float:left}
.product-side #rtab1 { float:right}
.product-side ul {background:#f9f9f9;padding-top:5px;height:150px;border:1px solid #ddd;}
/*.product-side li {padding:4px 20px 5px;display:block;text-align:center; background-position:0 -81px;background-repeat:repeat-x;border-radius:3px;color:#385292;border:1px solid #c5ddf0; background-image:url(../../images/detail_sprite.png);background-color:transparent;margin-bottom:10px;}*/
.product-side li { list-style:disc;list-style-position:inside;text-align:left;padding:4px 0 4px 20px; }
.product-side li a { color:#333;font-size:12px;text-decoration:none;font-weight:bold}
.product-side li a:hover { color:#e58016; }
.product-resource2 {position:absolute;left:5px;bottom:-50px; height:40px; }
.product-resource2 a {float:left;display:block;width:130px;margin-right:10px;padding:4px 0;text-align:center;text-decoration:none;border-radius:5px;color:#333;border:1px solid #e5d581;background:#e5d581; background:-webkit-linear-gradient(top, #f8f3d5, #e5d581); background:-moz-linear-gradient(top, #f8f3d5, #e5d581); }
.product-resource2 a:hover {color:#000;opacity:0.8;filter: alpha(Opacity=90);}
/*.product-side li a{display:block;height:28px;line-height:28px;text-align:center; background-position:0 -81px;background-repeat:repeat-x;border-radius:3px;color:#385292;border:1px solid #c5ddf0;}*/
/*.product-side li a:hover{background-position:0 -114px;text-decoration:none;}*/
.product-data-table{margin:5px 0 5px;padding:0 0 3px;}
.product-data-table th,.product-data-table td{text-align:left;height:24px;padding:0 12px;vertical-align:top;}
.product-data-table th:first-child {width:134px;}
.product-data-table th.first,.product-data-table td.first{text-align:left;}
.product-data-table th{color:#000;font-weight:bold;background:#e6f4fc;padding-top:5px ;}
/*.product-summary .product-data-table th{ width: 130px;}*/
.product-summary .product-data-table td{height:20px;background:#fff; padding: 4px 6px;}
.product-summary .product-data-table td table {width: 100%;}
.product-summary .product-data-table td table tr td:first-child { width: 142px;}
.product-data-table input.ipt-qty{width:2.5em;padding:2px;border:1px solid #bbb;background:#fff;text-align:center;}
.product-data-foot p{margin-bottom:0; line-height:1.9}
.all-inclusive {color:red;}
.product-acts{display:inline;float:right;padding:10px 0 0;}
.product-contact-info{line-height:1.9; padding: 3px 10px}
.product-contact-info span {margin-right: 10px;}
.product-contact-info a{color:#0076DF;}
.product-contact-info p{margin:0;}
.product-data-foot { line-height:1.9; }
.product-acts button.bulk-inquiry,.product-acts button.add-to-cart{float:left; border-radius: 3px; border:none;}
.product-acts button.bulk-inquiry span,.product-acts button.add-to-cart span{height:30px;line-height:30px; padding-left: 0;}
.product-acts button.bulk-inquiry span span,.product-acts button.add-to-cart span span{font-size:16px;font-weight:bold;}
.product-acts button.bulk-inquiry span span{padding:0 28px 0 28px;background-position:3px 4px;}
.product-acts button.add-to-cart span span{padding:0 28px 0 28px;background-position:3px -38px; background: #ea5504;}
.product-acts button.add-to-cart{margin-right:16px;}
#addtocart {float:none;}
.pro_star span {float: right;width: 16px;height: 14px;margin-left: 5px;}
.span_star {background: url("/media/icon.png") ;}


/* product detail */
.detail-box{position:relative;margin-bottom:25px;}
.detail-box:after {   
  content: "";   
  display: block;   
  clear: both;   
}  

.detail-box a {color: #0076DF;}
.detail-box .tbar{height:28px;line-height:28px;padding:0 0;border-bottom:1px solid #0076df;clear:both;}
.detail-box .tbar h2{display:inline;float:left;line-height:28px;font-weight:bold;font-size:12px; background: #0076df; color: #fff; padding: 0 10px;}
.detail-box .tbar ul{display:inline;float:right;}
#calcDiv.detail-box .tbar ul{display:inline;float:left;margin: 0 0 0 -12px;}
#calcDiv .inactived h2 {background: #f1f1f1;color: #0075df;}
.detail-box .tbar li{float:left;padding:0 0 0 12px;}
.detail-box .tbar li a{text-decoration:underline;font-weight:bold;}
.detail-box-cont{padding:10px 0px 0px;line-height:1.6;}
.detail-cite ul li {margin: 5px 0;width: 33%;float: left;}
.detail-cite-bar {text-align: center;border-top: 1px solid #ddd;margin-top: 10px;padding-top: 5px;padding-bottom: 8px;margin-bottom: 0px;float: left;width: 100%;}
.detail-cite ul li a:nth-child(2) {margin-left: 10px !important;}
.detail-quality{clear:both; padding: 10px 0}
.detail-quality h3{color:#000;font-size:13px;padding:0 0 8px;font-weight:bold;}
.detail-quality dt,.detail-quality dd{padding:2px 0;}
.detail-quality dt span{vertical-align:middle;}
.detail-quality select{vertical-align:middle;border:1px solid #acacac;}
.detail-quality .item-left,.detail-quality .item-center,.detail-quality .item-right{width:362px;padding:8px 15px 520px 15px;margin-bottom:-500px;float:left;}
.detail-quality .item-ccenter{width:945px;padding:8px 15px 520px 15px;margin-bottom:-500px;float:left;}
.detail-quality .item-left{border-right:1px solid #ddd;margin-right:-1px;}
.detail-quality .item-center{border-left:1px solid #ddd;border-right:1px solid #ddd;margin-right:-1px;line-height:2;}
.detail-quality .select-list{padding:8px 0;}
.detail-quality .select-list span {margin-top: -7px;float: right;line-height: 25px;width: 950px;}
.detail-quality .select-list li {padding: 9px 35px 9px 0px;float: left;margin-top: 5px;}
.detail-quality .select-list li a{display:inline-block;line-height:1.5em;padding:0 0 0 21px;background-position:0 -153px;color:#10334a;font-weight:bold;}
.detail-quality .select-list li a{*display:inline;}
.detail-quality .q-img{text-align:center;}
.detail-table{width:100%;position:relative;overflow:hidden; margin: 10px 0}
.detail-table table{border-bottom: 1px #e5e5e5 solid; border-right: 1px #e5e5e5 solid;}
.detail-table td{height:35px;vertical-align:middle;padding:5px 10px 0 10px;border-left:1px solid #e5e5e5;border-top:1px solid #e5e5e5;word-break:break-all;}
.detail-table td.td-bg{background:#f6f6f6;font-weight:bold;}
#productsets{ border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.topic-tags{padding:15px 0px;}
.topic-tags li{float:left;white-space:nowrap;padding:0 12px 10px 0;}
.topic-tags li a{height:28px;line-height:28px;background-position:0 -81px;background-repeat:repeat-x;border-radius:3px;color:#0076DF;border:1px solid #0076DF;float:left;padding:0 15px;}
.topic-tags li a:hover{background-position:0 -114px;text-decoration:none;}
.product-reference{line-height:1.8;}
.product-reference div { margin-bottom:10px;}
.product-reference .tit{color:#0076DF;padding:10px 0 0;}
.product-reference .tit a {color:#0076DF; }
/* product resource */
.product-resource {width:180px;}
.product-resource h3 {padding-bottom:5px; border-bottom:2px #555FA5 solid; font-family:Georgia, "Times New Roman", Times, serif; font-size:20px;}
.product-resource a {display:block; margin:5px 0; padding:10px 15px; border-radius:3px; background:#ECE1AB;background-image:linear-gradient(#FAF3D3,#ECE1AB); box-shadow:1px 2px 2px #aaa;color:#000; font-size:15px;}
.product-resource a:hover {text-decoration:none; filter:alpha(Opacity=80);opacity: 0.8;}

.inclusive { background:#e58016;color:#fff;padding:1px 2px;margin-left:10px; border-radius:3px;}

.s-tips,.s-tips:hover { color:#e58016;cursor:help;text-decoration:none;display:inline-block;width:16px;height:16px;background:url(../../images/tool_tip.png)}
.tool-tips {z-index:10;position:absolute;left:160px;top:0px;display:none;width:280px;height:50px;border:1px solid #fff;background:#f1f1f1;border-radius:5px;box-shadow:0 1px 1px rgba(0,0,0,.2) }
.tool-tips p { padding:5px 8px;line-height:1.5;}
.detail-content{padding:10px 0px 20px;line-height:1.6;}


.detail-quality .q-img .valcss {position:absolute; z-index:10; left:50%; top:0; background:#fff; border:1px #e5e5e5 solid; box-shadow:0px 0px 8px #333}

.detail-quality .item-left, .detail-quality .item-center, .detail-quality .item-right {padding-bottom:20px; margin-bottom:0px; max-height:361px; position:relative;}
.detail-quality .item-ccenter {padding-bottom:20px; margin-bottom:0px; max-height:320px; position:relative;}
.bborder{border-bottom:1px #ddd solid;}
.rightborder{border-right:1px solid #ddd;margin-right:-1px;}
.detail-quality .qq-img{text-align:center;}
.detail-quality .qq-img .valcss {position:absolute; z-index:10; left:50%; top:0; background:#fff; border:1px #e5e5e5 solid; box-shadow:0px 0px 8px #333}
.img-ant {max-height:250px;max-width:250px;}

    .product-acts
    {
        width: 360px;
    }
  .product-acts .through-fisher
    {
        margin-top:10px;
    }

.product-acts .through-fisher{}


  .product-acts .through-fisher span {  background:#fff; font-size: 12px; color: #000; font-weight: normal;}

.ico_xlxs {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin: 0 5px 0 0;
  padding:0px;
  background: url(diy/ico_bak.gif) no-repeat 0px -30px;
}

.ico_sdf {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin: 0 5px 0 0;
  padding:0px;
  background: url(diy/ico_bak.gif) no-repeat 0px 0px;
}

.inhibitor_download_a {
  display: inline-block;
  border: 1px solid #EDDDA4;
  margin: 15px 10px 15px 0;
  padding: 5px 10px;
  background: #FEEFBA;
  text-decoration: none;
  color: #34548C;
  cursor: pointer;
}



/*JXM 20220527*/
.research_update {margin-top: 10px; border: 1px solid #d5d5d5; padding: 10px 20px;}


/*JXM 20220601*/
/*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */
html.swipebox-html.swipebox-touch {
  overflow: hidden !important;
}

#swipebox-overlay img {
  border: none !important;
}

#swipebox-overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 99999 !important;
  overflow: hidden;
}

#swipebox-container {
  position: relative;
  width: 700px;
  height: 500px;
  left: 50%;
  top:50%;
  margin-left: -350px;
  margin-top: -250px;
  background: #fff;
  border-radius: 3px;
  overflow: hidden;
}

#swipebox-slider {
  -webkit-transition: -webkit-transform 0.4s ease;
  transition: transform 0.4s ease;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  white-space: nowrap;
  position: absolute;
  display: none;
  cursor: pointer;
}
#swipebox-slider .slide {
  height: 100%;
  width: 100%;
  line-height: 1px;
  text-align: center;
  display: inline-block;
}
#swipebox-slider .slide:before {
  content: "";
  display: inline-block;
  height: 50%;
  width: 1px;
  margin-right: -1px;
}
#swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container {
  display: inline-block;
  /*max-height: 400px;
  max-width: 600px;
  vertical-align: middle;*/
  margin: 40px 0;
  padding: 0;
  width: 600px;
  height: 300px;  
}
#swipebox-slider .slide .swipebox-video-container {
  background: none;
  max-width: 1140px;
  max-height: 100%;
  width: 100%;
  padding: 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  position: relative;
}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
#swipebox-slider .slide-loading {
  background: url('/media/img/qc/loader.gif') no-repeat center center;
}

#swipebox-top-bar {
  line-height: 50px;
  height: 50px;
  width: 100%;
}

#swipebox-bottom-bar {
  position: absolute;
  left: 0;
  z-index: 999;
  height: 50px;
  width: 100%;
}

#swipebox-bottom-bar {
  top: 50%;
  margin-top: -25px;
}

#swipebox-title {
  display: block;
  width: 100%;
  font-size: 15px;
  padding-left: 50px;
  font-weight: bold;
}

#swipebox-texter {
  display: block;
  width: 100%;
  font-size: 13px;
  padding-left: 50px;
  position: absolute;
  left: 0;
  top: 350px;
  background: #fff;
  line-height: 15px;
  width: 600px;
}

#swipebox-texter span {display: inline-block; margin-bottom: 10px;}
#swipebox-texter .s1 {font-weight: bold;}
#swipebox-texter .s3 {text-decoration: underline; font-style:italic}

#swipebox-prev,
#swipebox-next,
#swipebox-close {
  background-color: #000;
  background-image: url('/media/img/qc/icons.png');
  background-repeat: no-repeat;
  border: none !important;
  text-decoration: none !important;
  cursor: pointer;
}

#swipebox-prev {
  background-position: -37px 8px;
  float: left;
  width: 40px;
  height: 40px;
  border-radius: 0 3px 3px 0;
}

#swipebox-next {
  background-position: -83px 8px;
  float: right;
  width: 40px;
  height: 40px;
  border-radius: 3px 0 0 3px;
}

#swipebox-close {
  top: 10px;
  right: 10px;
  position: absolute;
  z-index: 9999;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  background-position: 6px 2px;
}

.swipebox-no-close-button #swipebox-close {
  display: none;
}

#swipebox-prev.disabled,
#swipebox-next.disabled {
  opacity: 0.3;
}

.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider {
  -webkit-animation: rightSpring 0.3s;
  animation: rightSpring 0.3s;
}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider {
  -webkit-animation: leftSpring 0.3s;
  animation: leftSpring 0.3s;
}

.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  content: ' ';
  position: absolute;
  z-index: 999;
  top: 0;
  height: 100%;
  width: 20px;
  opacity: 0;
}
.swipebox-touch #swipebox-container:before {
  left: 0;
  -webkit-box-shadow: inset 10px 0px 10px -8px #656565;
  box-shadow: inset 10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-container:after {
  right: 0;
  -webkit-box-shadow: inset -10px 0px 10px -8px #656565;
  box-shadow: inset -10px 0px 10px -8px #656565;
}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before {
  opacity: 1;
}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after {
  opacity: 1;
}

@-webkit-keyframes rightSpring {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}

@keyframes rightSpring {
  0% {
    left: 0;
  }

  50% {
    left: -30px;
  }

  100% {
    left: 0;
  }
}
@-webkit-keyframes leftSpring {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}
@keyframes leftSpring {
  0% {
    left: 0;
  }

  50% {
    left: 30px;
  }

  100% {
    left: 0;
  }
}
@media screen and (min-width: 800px) {
  #swipebox-close {
    font-size: 12px;
  }

}


/* CSS Document */

a.abtn {display: block;height: 36px;width: 16px; position: absolute; overflow: hidden;background:url('/media/img/qc/img_btn.png') no-repeat;}			
a.aleft {background-position: 0 -112px;  left: 0; top: 88px}			
a.agrayleft {cursor: default;background-position: 0 0;}			
a.aright {background-position: 0 -162px; right: 0; top: 88px}			
a.agrayright {cursor: default;background-position: 0 -58px;}	

.scrolllist {width: 1180px; position: relative; margin: 20px 0;}	
.scrolllist h3 {font-size: 13px; margin: 10px 0; padding: 0 15px;}		
.scrolllist .imglist_w {width: 1110px;height: 230px;overflow: hidden; margin:0 auto;position: relative;}			
.scrolllist .imglist_w ul {width: 20000px;position: absolute;left: 0px;top: 0px;}			
.scrolllist .imglist_w li {width: 370px; float: left;}			
.scrolllist .imglist_w li a {color: #333;text-decoration:none; display: block; width: 340px; height: 210px; margin:0 10px;  border: solid 1px #ddd;}		
.scrolllist .imglist_w li a:hover img{filter: alpha(opacity=86);-moz-opacity: 0.86;opacity: 0.86;}
.scrolllist .imglist_w li .imger {display: block; padding:0 5px; margin: 10px 0; overflow: hidden; text-align: center;}
.scrolllist .imglist_w li .imger img{width: 320px; height: 160px;}
.scrolllist .imglist_w li .texter {margin: 10px 0; padding: 0 15px; font-size: 11px; display: none;}

.table60{ width: 60%;}


/* library quality */
#library-quality {height: 50px; align-items: center; display: flex;}
#library-quality a {display: flex; align-items: center; margin-left: 25px;}
#library-quality img {margin-right: 10px;}


/*New layout*/
.detail-tag{position:relative;margin-bottom:25px}
.detail-tag .tbar{height:auto;line-height:normal;padding:5px 0;border-bottom:2px solid #0076df;clear:both}
.detail-tag .tbar span{display:inline-block;margin-right:3px;border-radius:4px;line-height:20px;font-weight:bold;font-size:12px;background:#0076df;color:#fff;padding:4px 12px;transition:all 0.3s ease}
.detail-tag .tbar span:hover,.detail-tag .tbar span.active{background:#fff !important;color:#0076df !important;box-shadow:0 2px 5px rgba(0,118,223,0.2)}
.detail-tag .tbar span:hover{transform:translateY(-2px)}

/*New layout*/
html {scroll-padding-top: 100px; }
.detail-tag{margin-bottom:25px;position: sticky;top: 50px;z-index: 1000;}
.detail-tag .tbar{height:auto;line-height:normal;padding:5px 0;border-bottom:2px solid #0076df;clear:both}
.detail-tag .tbar a{display:inline-block;margin-right:3px;border-radius:4px;line-height:20px;font-weight:bold;font-size:12px;background:#0076df;color:#fff;padding:4px 12px;transition:all 0.3s ease;text-decoration: none;}
.detail-tag .tbar a:hover,.detail-tag .tbar a.active{background:#fff !important;color:#0076df !important;box-shadow:0 2px 5px rgba(0,118,223,0.2)}
.detail-tag .tbar a:hover{transform:translateY(-2px)}