/* jssor slider loading skin spin css */
.jssorl-009-spin img {
  animation-name: jssorl-009-spin;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}


.jssora106 {display:block;position:absolute;cursor:pointer;}
.jssora106 .c {fill:#fff;opacity:.3;}
.jssora106 .a {fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
.jssora106:hover .c {opacity:.5;}
.jssora106:hover .a {opacity:.8;}
.jssora106.jssora106dn .c {opacity:.2;}
.jssora106.jssora106dn .a {opacity:1;}
.jssora106.jssora106ds {opacity:.3;pointer-events:none;}

.jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
.jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1;}
.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
.jssort101 .p:hover{padding:2px;}
.jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
.jssort101 .p:hover.pdn{padding:0;}
.jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
.jssort101 .pav .cv {border-color:#fff;opacity:.35;}
.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}
.product-content-right { width: 100%; float: right; border: 2px solid #333; padding-right: 0; border-radius: 10px; overflow: hidden; position:relative; z-index:0 }
.product-content-right .brief { background: rgb(237, 246, 255); }
.product-content .brief table { font-size: 14px; padding: 0px; margin: 0px; line-height: 2; border: 1px solid #E0E0E0; border-bottom: none; border-left: none; width: 100%; }
.product-content .brief table td { border: 1px solid #E0E0E0; border-right: none; border-top: none; font-size: 14px; } .product-content .brief table td:nth-child(1) { padding: 0px 15px 0px 5px; width: 30%; font-weight: bold; } 
.product-content .brief table td:nth-child(2) { padding-left: 15px; }
.phantramgiamgia{ color: green; font-weight: bold; font-size: 14px; text-align: left; }
.product-content .price { color: #0e19d6; font-weight: bold; font-size: 14px; text-align: left; }
.titleparams { border-right: none; border-top: none; font-size: 16px; font-weight: 600; margin-top: 20px; margin-bottom: 10px; text-align: center; }
#param1, #param2 { text-align: center; }
#param2 .btn-outline-success.active{background-color: green; border-color: green;}
#param1 button, #param2 button { margin-bottom: 5px; border: 1px solid #333; cursor: pointer; padding: 3px 10px; font-size: 16px; display: inline-block; background: #ebebeb; border-radius: 4px; }
#param1 .active, #param1 .active, .param1:hover, .param2:hover { background-color: green !important; color: #ffffff; }
#divPriceSanPham { margin-bottom: 10px; margin-top: 20px; width: 100%; text-align: center; line-height: 24px; position:relative; z-index:0 }
#divPriceSanPham b { color: #333; font-size: 1.17em; }
#divPriceSanPham del, #divPriceSanPham ins { color: green; font-weight: 700; font-size: 17px; text-align: left; padding-right: 10px; position: relative; }
#divPriceSanPham ins{font-size:25px; color:#ff0000}
#divPriceSanPham del { margin-right: 5px; }
#divPriceSanPham del { color: #333; font-weight: 400; }
#divPriceSanPham del span, #divPriceSanPham ins span { font-size: 10px; position: absolute; }
.soluong-cart * { font-size: 16px; float: left; } 
.soluong-cart button { padding: 0; height: 28px; display: inline-block; background: #74826c; color: #fff; border-radius: 0; cursor: pointer; margin-bottom: 0; margin-top: 0; width: 28px; border: none; font-size: 23px; line-height: 24px; float: left; margin-right: 5px; margin-left: 4px; outline: none !important; } 
.soluong-cart input { padding: 0; height: 28px; display: inline-block; border-radius: 0; cursor: pointer; margin-bottom: 0; width: 60px; font-size: 18px; line-height: 0; box-sizing: border-box; text-align: center; } 
.them-vaogio a { background-color: #1d862e; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #fff; cursor: pointer; display: inline-block; outline: none; padding: 7px 12px; margin-top: 0; border: 2px solid #007FE6; box-sizing: border-box; border-radius: 10px; } 
.them-vaogio a:nth-child(1){border:2px solid #e8f10e}
.them-vaogio button { background-color: green; text-align: center; text-transform: uppercase; font-weight: bold; font-size: 14px; color: #fff; cursor: pointer; display: inline-block; outline: none; padding: 7px 12px; margin-top: 0; border: 2px solid #e8f10e; box-sizing: border-box; border-radius: 10px; } 
.soluong-cart {float: left; display: none; } .them-vaogio {display: inline-block; } 
.class-div-duoi { margin-top: 20px; margin-bottom: 15px; width: 100%; box-sizing: border-box; text-align: center; }
.selectors{margin-top:10px}
.selectors .mz-thumb{width:100px; height:100px; margin-right:6px;}
/** * EasyZoom core styles */ 
.easyzoom { position: relative; display: inline-block; *display: inline; *zoom: 1; } 
.easyzoom img { vertical-align: bottom; } 
.easyzoom.is-loading img { cursor: progress; } 
.easyzoom.is-ready img { cursor: crosshair; } 
.easyzoom.is-error  img { cursor: not-allowed; } 
.easyzoom-notice { position: absolute; top: 50%; left: 50%; z-index: 150; width: 10em; margin: -1em 0 0 -5em; line-height: 2em; text-align: center; background: #FFF; box-shadow: 0 0 10px #888; } 
.easyzoom-flyout { position:absolute; z-index: 100; overflow: hidden; background: #FFF; } /** * EasyZoom layout variations */ 
.easyzoom--overlay .easyzoom-flyout { top: 0; left: 0; width: 100%; height: 100%; } 
.easyzoom--adjacent .easyzoom-flyout { top: 0; left: 100%; width: 100%; height: 100%; margin-left: 20px; }
.thumbnails li { float:left; margin-right: 6px; margin-top:6px; list-style: none; } 
.thumbnails img{width:100px; height:100px}
#img-container{width:100%; height:auto;}
.js-image-zoom__zoomed-area, .js-image-zoom__zoomed-image{z-index:9999}
.piclist{margin-top:10px}
.piclist li{width:100px; height:100px; margin-right:6px; float:left; list-style:none}
.piclist li img{width:100%; height:auto}
.picZoomer{ position: relative; width:100%; } 
.picZoomer-pic-wp{ position: relative; overflow: hidden; } 
.picZoomer-pic-wp:hover .picZoomer-cursor{ display: block; } 
.picZoomer-zoom-pic{ position: absolute; top: 0; left: 0; } 
.picZoomer-pic{ width: 100%; height: 100%; } 
.picZoomer-zoom-wp{ display: none; position: absolute; z-index: 999; overflow: hidden; } 
.picZoomer-cursor{ display: none; cursor: crosshair; width: 100px; height: 100px; position: absolute; top: 0; left: 0; border-radius: 50%; border: 1px solid #eee; background-color: rgba(0,0,0,.1); } 
.picZoomCursor-ico{ width: 23px; height: 23px; position: absolute; top: 40px; left: 40px; background: url(/imgs/zoom-ico.png) left top no-repeat; }
.piclist{ margin-top: 30px;} 
.piclist li{ display: inline-block; width: 100px; height: 100px; } 
.piclist li img{ width: 100%; height: auto; }
.picZoomer-pic-wp, .picZoomer-zoom-wp{ border: 1px solid #fff; }
.danhgiasp input[type="text"]{width:40%; border-radius:3px; margin-bottom:20px; float: left; padding: 5px; border: 1px solid #ccc;}
.danhgiasp textarea{width:100%; height:60px; border-radius:5px; float: left; padding: 8px; border: 1px solid #ccc; margin-bottom:20px}
.danhgiasp{margin-bottom:30px}
.tinhgiadem{width:100%; border:1px solid #ccc; padding:20px; margin-top:20px; float:left; text-align:center}
.tinhgiadem input[type="text"]{display:inline-block; border:1px solid #75A732; padding:3px; overflow:hidden; }
.tinhgiadem h3{color:#75A732; font-weight:bold; font-size:18px; text-transform:capitalize; margin-bottom:20px;}
.priceDem{color:#75A732; font-weight:bold; margin-bottom:15px;}
.priceGB{color:#ff0000; font-size:20px; font-weight:bold}
.btnCalculatePrice{background:#75A732; color:#fff; padding:6px 15px; border:none; border-radius:5px; overflow:hidden}
#tong_danhgia{margin-left:6px; color:#ff0000}
/* WebKit, Edge */
.tinhgiadem input[type="text"]::-webkit-input-placeholder {
  color: #8DC53E;
}
/* Firefox 4-18 */
.tinhgiadem input[type="text"]:-moz-placeholder { 
  color: #8DC53E;
  opacity: 1;
}
/* Firefox 19+ */
.tinhgiadem input[type="text"]::-moz-placeholder { 
  color: #8DC53E;
  opacity: 1;
}
/* IE 10-11 */
.tinhgiadem input[type="text"]:-ms-input-placeholder { 
  color: #8DC53E;
}
/* Edge */
.tinhgiadem input[type="text"]::-ms-input-placeholder { 
  color: #8DC53E;
}
/* MODERN BROWSER */
.tinhgiadem input[type="text"]::placeholder { 
  color: #8DC53E;
}