.outstock{
    width: auto;display: inline-block
}
.breadcrumbs li a {padding: 5px 0}

.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video-container iframe, .video-container object, .video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}

.youtube_box {width: 100%;height: 100%;}

/* Gallery */
.fixbody {
    overflow: hidden;
    left: 0;
    right: 0;
}
.gallery_review #cboxLoadedContent{
    text-align: center
}

.full_gallery #cboxLoadedContent{
    background: #1e1f24;
    color: #fff;text-align: center
}
.full_gallery #cboxLoadedContent .cboxPhoto{
    max-height: 97%;
    width: auto;
    margin-top: 10px !important;
    height: auto;
    position: relative;
    top: 50%;
    transform: translate(0,-50%);
}
.full_gallery #cboxCurrent {bottom:auto;top:10px;left:20px}
.full_gallery #cboxTitle {bottom:20px}
.full_gallery #cboxNext, #cboxPrevious {
    bottom:49%;
    text-indent: inherit;
    padding: 12px 0 0;
    margin: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: rgba(0,0,0,.3);
    width: 48px;
    height: 40px;
    text-align: center;
    font-size: 46px;
    color: #fff;
    font-family: -webkit-body;
}
.full_gallery #cboxNext {left:auto;right: 10px}
.full_gallery #cboxPrevious {left:10px}
.full_gallery #cboxClose {background-image:none;color:#fff;text-indent: inherit;text-align: center;line-height:30px;font-weight:bold;padding: 10px;font-size:24px;}


.pagination{padding:15px 0 10px;font-size:14px;font-weight:bold;text-align:right;clear:both}
.pagination a{color:#999;margin-left:3px;padding:4px 9px;background-color:#eee;border:1px solid #bbb;border-radius:3px}
.pagination a:hover{color:#666;text-decoration:none;background-color:#ddd;border-color:#999}
.pagination a.current{color:#ff8c22;background-color:#ffe8ce;border-color:#ff8c22}
.pagination span{padding:5px 10px}
.pagination .total{color:#ccc}

/* goods info */
.wrap_right {
    display: inline-block;
    float: left;
    width: 670px;
    padding-left: 20px;
    box-sizing: border-box;
}
.rowtop {
    display: inline-block;
    float: left;
    width: 420px;
    box-sizing: border-box;
    padding-bottom: 10px;

}
.rowtop_sidebar {
    display: inline-block;
    float: right;
    width: 220px;
    box-sizing: border-box;
    padding-bottom: 10px;
}
.box_supports {
    flex: 1;
}
.goods_name {
    margin-bottom: 10px;
}
h1 {
    display: block;
    overflow: hidden;
    font-size: 20px;
    color: #333;
    line-height: 26px;
    font-weight: bold;
}
.ratingresult {
    display: block;
    font-size: 14px;
    line-height: 24px;
    padding: 0 10px 0 0;
}
.ratingresult a{color:#0b5690}

.likeshare {
    float: right;
    font-size: 14px;
    margin: 10px 0 0 0;
}
.goods_details {
    display: flex;
    background: #fff;
    padding: 10px 0;
    margin-top: 5px;
    margin-bottom: 30px;
    clear: both;
    column-gap: 30px
}


label.installment {
    background: #d0021b;
    position: relative;
    display: inline-block;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0 5px 0 8px;
    margin: 0 0 5px 5px;
    height: 18px
}

.area_price {
    display: block;
    overflow: hidden;
    line-height: 20px;
    margin: 5px 0;
}

.area_price strong {
    display: inline-block;
    overflow: hidden;
    font-size: 24px;
    color: #e10c00;
    vertical-align: middle;
    margin-right: 10px
}

.area_price label {
    display: inline-block;
    position: relative;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    background: #fff;
    border-radius: 3px;
    padding: 0 5px 0 8px;
    margin: 0 0 5px 5px;
    height: 18px
}

.area_price label.installment {
    background: #f28902;
    margin: 0 0 0 5px
}

.area_price label.new {
    background: #3fb846
}

.area_price label.new:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-right: 7px solid #3fb846;
    position: absolute;
    top: 0;
    left: -6px
}

.area_price label.new::after {
    content: "•";
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 16px;
    position: absolute;
    top: 1px;
    right: 85%
}

.area_price span {
    display: inline-block;
    font-size: 14px;
    color: #c1000c
}

.area_price span.hisprice {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #444;
    text-decoration: line-through;
}

.area_promotion {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 5px 0;
    background: #fff9ed;
    padding: 10px;
    border: 1px dashed var(--main-color);
    border-radius: 10px;
    margin: 10px 0
}

.area_promotion .prohead {
    display: block;
    overflow: hidden;
    font-size: 15px;
    color: #333;
    margin-bottom: 10px;
    text-transform: uppercase
}

.area_promotion .infopr p {
    display: block;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    padding: 0 0 5px 20px
}

.area_promotion .infopr p:before {
    content: '';
    margin-left: -20px;
    background: url(../img/check@2x.png);
    width: 14px;
    height: 14px;
    background-size: 14px 14px;
    margin-right: 0;
    float: left;
    margin-top: 2px
}

.area_promotion .onlinepromo {
    border: #d0021b solid 1px;
    border-radius: 4px;
    padding: 20px 0 10px;
    position: relative;
    overflow: visible;
    margin: 20px 10px 0
}

.area_promotion .onlinepromo b {
    background: #ec1933;
    border-radius: 13px;
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    top: -13px;
    left: 10px;
    vertical-align: middle;
    line-height: 26px;
    clear: both;
    padding: 0 15px 0 30px
}

.area_promotion .onlinepromo b:before {
    content: '';
    background: url(http://khachhang.info/ecshop4f/cdn/themes/tgdd2019/img/icon-qua-tang@2x.png);
    width: 16px;
    height: 15px;
    background-size: 16px 15px;
    float: left;
    margin: 4px 5px 0 -15px
}

.not-repay {
    margin-top: 5px;
    padding: 5px 10px;
    color: #d0021b;
    font-size: 14px
}

.area_promotion a {
    color: #0b5690
}

.area_promotion a:hover {
    text-decoration: underline
}

.area_promotion .pro-title {
    display: block;
    overflow: hidden;
    font-size: 15px;
    color: #333;
    padding: 10px 0 0 0;
    text-transform: uppercase;
    border-top: solid 1px #eee;
    margin: 10px
}

.area_order {
    display: block;
    overflow: hidden;
    margin-bottom: 20px;
    padding: 10px 0;
}
.area_action {margin-top: 10px;}
.buy_now, .buy_ins {
    display: inline-block;
    overflow: hidden;
    padding: 7px 0;
    border-radius: 4px;
    font-size: 18px;
    line-height: normal;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    width: 47%;
    float: left;
}
.buy_now {
    background: #ff6400;
    border:1px solid #ff6400;
}
.buy_ins {
    background: #0050a0;
    color:#fff;
    border:1px solid #0050a0;
    margin-left: 15px;
}

.buy_now span, .buy_ins span {
    display: block;
    font-size: 14px;
    color: #fff;
    text-transform: none;
    padding-top: 3px
}


.number{
    border: 1px solid #ececec;
    width: 30px;
    padding: 5px
}
.total_amount {
    padding: 10px 0
}
.total_amount .amount {color: #e10c00;font-weight: 600}
.callorder {
    display: block;
    overflow: hidden;
    padding: 0;
    font-size: 14px;
    color: #333;
    margin: 10px 0;
    text-align: center;
}

.callorder a{
    color:#0b5690;
}


.policy {
    display: block;
    overflow: hidden;
    width: 100%;
    padding: 5px;
    background: #fafafa;
    border-radius: 5px;
    border:1px solid #ddd;
    box-sizing: border-box;
}

.policy li {
    display: block;
    overflow: hidden;
    padding: 8px 0;
    font-size: 14px;
    position: relative;
    border-top:1px solid #ddd;
}
.policy li:first-child{border-top:none;}
.policy li strong {
    color: #333;
}

.policy li a {
    color: #0b5690
}

.policy li a:hover {
    text-decoration: underline
}
.policy li img{height: 20px;vertical-align: middle;margin-right: 5px;}

.col_main {
    float: left;
    width: 820px;
    overflow: hidden;
    position: relative;
    margin: 10px 0;
}
.col_sub {
    float: right;
    width: 30%;
    overflow: visible;
    margin: 10px 0;
}

.tableparameter {
    display: block;
    overflow: visible;
    padding: 10px;
    background: #fff;
}

.tableparameter h4,
.tableparameter h3,
.tableparameter h2 {
    display: block;
    line-height: 1.3em;
    font-size: 20px;
    color: #333;
    margin-bottom: 0
}

.parameter {
    display: block;
    position: relative;
    overflow: hidden;
    background: #fff;
    padding-top: 10px
}

.parameter li {
    display: table;
    background: #fff;
    width: 100%;
    border-top: 1px solid #eee;
    padding: 5px 0
}

.parameter li:nth-child(n+11) {
    display: none
}

.parameter li:last-child {
    border-bottom: 0
}

.parameter li:nth-child(n+10) {
    border-bottom: 0
}

.parameter li span {
    display: table-cell;
    width: 40%;
    vertical-align: top;
    padding: 5px 0;
    font-size: 14px;
    color: #666
}

.parameter li i {
    font-style: normal;
    display: block
}

.parameter li div {
    display: table-cell;
    width: auto;
    vertical-align: top;
    padding: 6px 5px;
    font-size: 14px;
    color: #333
}

.parameter li a {
    color: #0b5690
}
.showall_parameter .parameter li:nth-child(n+11) {
    display: table;
}

.viewparameterfull {
    display: block;
    width: 100%;
    padding: 6px 0;
    margin: 10px 0 0;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
    color: #0b5690;
    background: #fff;
    border: 1px solid #0b5690;
    border-radius: 4px
}

.viewparameterfull:hover {
    background: #0b5690;
    color: #fff
}


.end_time_wrapper .end_time{display:inline-block;padding:3px 8px 3px 3px;color:#666;line-height:20px;}
.end_time_wrapper .end_time em{padding:0 3px 0 5px;color:#f04331;font-weight:bold}

.cloud_zoom_lens{margin:-1px;background-color:#fff;cursor:move;border:1px solid #888}
.cloud_zoom_title{position:absolute !important;top:0px;width:100%;padding:3px;color:#fff;font-size:12px;line-height:16px;text-align:center;background-color:#000}
.cloud_zoom_big{overflow:hidden;border:4px solid #ccc}
.cloud_zoom_loading{padding:3px;color:white;background:#222;border:1px solid #000}


.picture {
    float: left;
    display: inline-block;
    width:400px;
    vertical-align: top;
}

.gallery{
    width: 100%;
    display: block;
}
.gallery .cover{display: block;width:400px;text-align: center}
.gallery_color_box .cover:hover, .gallery .cover a:hover{cursor:zoom-in;}
.gallery .cover img{
    width:100%;
    height: auto;
    max-height:400px;
    font-size:1.1em
}
.gallery .thumb{
    position:relative;
    margin: 0 10px;
    display: block;
}
.gallery .thumb li{display:block;float:left;height:66px;width:66px;padding:2px;text-align:center}
.gallery .thumb li a{display:block;padding:2px;border:1px solid rgba(0,0,0,0.1)}
.gallery .thumb li a:hover{padding:1px;border:2px solid #f53}
.gallery .thumb li img{height:60px;width:60px;vertical-align:middle}
.gallery .thumb li.current a{padding:1px;border:2px solid #f53}
.gallery .thumb .thumb_inner{height: 70px;overflow: hidden;padding: 0 15px;}

.gallery .thumb .prev, .gallery .thumb .next{position:absolute;top:10px;left:0;width:13px;height:50px;text-indent:-999em;background:url('../img/thumb_scroll_btn.gif') no-repeat left top}
.gallery .thumb .next{
    left:unset;
    right:20px;
    background-position:right top;
    }

.gallery .clickzoom {
    padding: 5px 10px;
    text-align: center;
    color:#0b5690;
}

.icontgdd-clickzoom {
    background-position: -144px -53px;
    height: 16px;width: 18px;
}

#properties_box{width:388px}
.properties_wrapper{padding:14px;background-color:#FFF7EE;border:1px solid #FFDEB9;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
.properties {margin: 0;display: block}
.properties li{display:block;line-height:25px}
.properties li>span{display:inline-block;padding:0}
.properties .label {
    position: relative;
    background: #fff;
    color: #333;
    border: 1px solid #ddd;
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: left;
    text-align: center;
    padding: 10px;
    margin-right: 10px;
}
.properties .label.checked {font-weight: 600;border: 1px solid #f89008}
.properties .label span{display: block;line-height: 16px}
.properties .label span:before {
    width: 12px;
    height: 12px;
    content: " ";
    background: #ffff;
    border:1px solid #ddd;
    border-radius: 10px;
    text-align: center;
    padding: 0;
    line-height: 12px;
    display: inline-block;
    vertical-align: middle;
    font-size: 10px;
    margin-right: 5px;
}
.properties .checked span::before {
    content: "✓";
    background: #3fb846;
    border:1px solid #3fb846;
    color: #fff;

}
.properties .label strong{
    font-size: 16px;
    display: block;
    margin-top: 5px;
    color: #e10c00}
.properties label{display:block;float:left;margin:0 5px 3px 0;padding:3px 8px;line-height:14px;background-color:#fff;border:2px solid #eee}
.properties label.hover{border-color:#ccc}
.properties label.checked{color:#f60;background:#fff url('../img/checked.gif') no-repeat right bottom;border-color:#f60}
.properties label input{display:none}
.properties .select_box {display: block;margin-bottom: 10px}
.properties .select_box select{
    padding: 5px;border:1px solid #ececec;
    border-radius:3px
}


.customer_form {
    margin: 10px 0;
}
.customer_form input[type='text']{
        width: 100%;
        border:1px solid #ddd;
        border-radius: 5px;
        padding:10px;
        box-sizing: border-box
}
.form_im{display: block !important}

.star-rating{float:left;width:24px;height:24px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
.star-rating, div.star-rating a{background:url('../img/star.gif') no-repeat 0 0}
.star-rating a{display:block;width:24px;height:24px;background-position:0 0;border:0}
.rating-cancel, div.rating-cancel a{display:none}
.star-rating-on a{background-position:0 -24px !important}
.star-rating-hover a{background-position:0 -48px !important}
.star-rating-readonly a{cursor:default !important}
.star-rating{background:transparent!important;overflow:hidden!important}

table{width: 100%; max-width: 100% ;border-collapse: collapse;}
table>thead>tr>th {border-bottom: 1px solid #bbb; text-align: left; font-weight: 600; }
table>tbody>tr>td, table>tbody>tr>th, table>tfoot>tr>td, table>tfoot>tr>th, table>thead>tr>td, table>thead>tr>th {
    padding: 8px 10px; line-height: 1.5384616; vertical-align: middle; border-top: 1px solid #ddd
}
table td, table th, table tr{transition: background-color .15s ease-in-out }
table tbody>tr:nth-of-type(odd) {background-color: #fcfcfc; }
table>tbody>tr:hover, table>tbody>tr.active>td, table>tbody>tr.active>th, table>tbody>tr>td.active, table>tbody>tr>th.active, table>tfoot>tr.active>td, table>tfoot>tr.active>th, table>tfoot>tr>td.active, table>tfoot>tr>th.active, table>thead>tr.active>td, table>thead>tr.active>th, table>thead>tr>td.active, table>thead>tr>th.active {
    background-color: #f6f6f6;
}
table td {border: 1px solid #ddd}

article{display: block; overflow: hidden;
padding: 0 20px;background: #fff;margin-bottom: 10px;}
article p, article div, article h2, article h3, article h4 {
    margin: 10px auto;
    font-size: 16px;
    color: #333;
    line-height: 28px;
}
article a, article a:hover, article a:active {color: #0b5690}
article h3, article h3 a{font-size: 20px}
article h2, article h2 a {font-size: 22px}
article h4, article h4 a{font-size: 18px}
article div {margin-top: 0}
article div em, article p em{font-style: italic}
article h2, article h3, article h4, article h5{font-weight: 700;margin: 20px auto}
article ul{list-style: disc;margin-left: 30px}
article ol{list-style: decimal;margin-left: 30px}

article img {
    display: block;
    height: auto;
    margin: 5px auto 5px;
    max-width: 100%;
    width: auto;
}

article .short_view {
    max-height: 500px;
    clear: both;
    overflow: hidden;
    display: block;
}


article .view-more {background: #fff;width: 100%;min-height: 50px}
article .view-more p {margin-top: 20px; text-align: center}
article .view-more p span { width: 50px;color: #0b5690  ;cursor: pointer;border:1px solid  #0b5690;padding:8px 25px;border-radius: 3px;background: #fff}
article .view-more p span:hover{background: #0b5690;color: #fff}


#btnrank {
    padding: 6px 10px;
    border: 1px solid #0b5690;
    background: #0b5690;
    font-size: 13px;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    float: left;
    cursor: pointer;
}
.comment_box .bd {padding: 10px 20px;}
.comment_box .pagination{padding-top:10px}
.comment_box .empty{min-height: 10px}
.comment_box div.req{top:20px;right:20px}
.comment_box .action-comment{margin: 10px 0}
.comment_box textarea{
    width:320px;padding: 10px;
    border:1px solid #ddd;box-sizing: border-box;
    display: inline-block;
    float: left;
    margin-right: 10px;
    height: 80px;
}
.comment_box .col-input{
    width: 450px;
    float: left;
    display: inline-block;
    box-sizing: border-box;

}
.comment_box .col-input .input-text{
    width: 48%;display: inline-block;
    float: left;
    padding: 10px;
    box-sizing: border-box;
}
.comment_box .col-input input[type='text'], .comment_box .col-input input[type=tel]{
    border:1px solid #ddd;
    margin: 0 2px 5px
}
.comment_box .action-comment .button{text-transform: uppercase;height:40px}
.action-comment .captcha{vertical-align: middle}

.btn-comment {
    background: #0b5690;
    padding: 11px;
    width: 47%;
    margin-left: 5px;
    border-radius: 5px;
    text-transform: uppercase;
}

.wrapcomment {
    position: relative;
    display: block;
}
.form_upload {
    width: 320px;
    position: absolute;
    padding: 5px;
    bottom:10px;
    height: 40px;
    left: 0;
    z-index: 5;
    box-sizing: border-box;
    background: #f7f7f7;
    border-top: 1px solid #ddd;
}

.form_upload form input {
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 14px;
    color: #999;
    padding: 5px;
    margin: 5px 0;
    height: 28px;
    width: 43%;
    display: inline-block;
    float: left;
    margin-right: 10px;
    color: #333
}
.form_upload form label {
    height: 35px;
    width: 160px;
    display: block;
    cursor: pointer;
}
.form_upload form label span{
    padding-left: 26px;
    display: inline-block;
    background: url('../img/camera.png') no-repeat;
    background-size: 23px 20px;
    margin: 5px 0 0 10px;
}

.upload_preview {
    display: block;
    margin: 20px 0 0;
}
.upload_preview li {
    float: left;
    margin-right: 20px;
    position: relative;
}
.upload_preview li img {
    max-width: 100px;
}
.upload_preview li i {
    border: solid 1px #4d4d4d;
    background: #4d4d4d;
    height: 25px;
    width: 25px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    position: absolute;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding-top: 2px;
    padding-left: 1px;
    cursor: pointer;
    font-style: normal;
    box-sizing: border-box;
    right: -10px;
    top: -10px;
}

.comment_list{margin-top: 10px}
.comment_list li{padding:5px 0;list-style: none}
.comment_list li .info{margin-bottom:5px;padding:5px 10px;font-size:14px;line-height:20px}
.comment_list li .name{font-size:14px;padding-right:10px;font-weight: bold;color: #333}
.comment_list li .drop{float:right;display:inline-block;padding:2px 8px;white-space:nowrap;color:rgba(255,255,255,1);text-shadow:0 1px 1px rgba(0,0,0,0.3);background-color:#333;background-image:-webkit-linear-gradient(top, #666, #333);background-image:-moz-linear-gradient(top, #aaa, #666);background-image:-o-linear-gradient(top, #666, #333);background-image:-ms-linear-gradient(top, #666, #333);border-radius:3px;opacity:0.8}
.comment_list li  .drop:hover{opacity:1}
.comment_list li .name .comment_buy {color: #2ba832;font-size: 13px;font-weight: normal}
.comment_list li .name .comment_buy:before {
    content: "✓";
    background: #3fb846;
    border: 1px solid #3fb846;
    color: #fff;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    margin:0 5px;
    text-align: center;
    padding: 0;
    line-height: 10px;
    display: inline-block;
    vertical-align: middle;
    font-size: 8px;
}
.comment_list li .talk{
    padding: 8px 0;
    font-size: 14px;
    line-height: 18px;
}
.comment_list li .talk .time{font-size:12px;color:#b10000}
.comment_list li .talk .title{padding:5px 0}
.comment_list li .talk .type{padding-right:5px}
.comment_list li .talk .text{display:block;padding:0;font-size: 14px;line-height: 1.3}
.comment_list li .talk .reply{
    display: block;
    position: relative;
    margin: 10px 0 0 0;
    padding: 10px 15px 0 12px;
    clear: both;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    background: #f8f8f8;
    border: 1px solid #dfdfdf;
}
.reply:after, .reply:before {
    top: -20px;
    left: 18px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.reply:before {
    border-color: rgba(238,238,238,0);
    border-bottom-color: #f8f8f8;
    border-width: 11px;
    margin-left: -11px;
    z-index: 1;
}
.reply:after {
    border-color: rgba(255,255,255,0);
    border-bottom-color: #dfdfdf;
    border-width: 10px;
    margin-left: -10px;
}
.comment_list li .talk .reply p{padding:5px 0}
.comment_list li .talk .reply .name{color:#333;font-weight: normal}
.comment_list li .talk .reply .name font{color: #fff;background: #39b54a;padding: 5px;border-radius: 3px;text-transform: uppercase;font-size: 12px;font-weight: normal}
.btnreply {color: #0b5690;font-size: 12px;margin-right: 10px;cursor: pointer}
.rating {
    color: #0b5690;
    padding: 0;
    display: inline-block;
}
.rank{display:inline-block;height:12px;width:70px;text-indent:-999em;background:url('../img/stars.gif') no-repeat left top;vertical-align: middle;background-size: 65px 67px}
.rank_2{background-position:0 -14px}
.rank_3{background-position:0 -27px}
.rank_4{background-position:0 -40px}
.rank_5{background-position:0 -52px}

.user_photos li {
    display: inline-block;
    float: left;
    margin-right: 5px;
}
.user_photos li img {height: 50px;width: auto}


.star-rank>span{line-height: 24px;height:24px;display: inline-block;float: left;vertical-align: middle}
.star-rank>span.star-rating-control{margin-left: 20px;padding-top: 5px}
.star-rating{float:left;width:19px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
.star-rating, div.star-rating a{background:url('../img/stars.gif') no-repeat -19px 0}
.star-rating a{display:block;width:17px;height:15px;background-position:-19px 0 !important;border:0}
.rating-cancel, div.rating-cancel a{display:none}
.star-rating-on a, .star-rating-hover a{background-position:0 0 !important}
.star-rating-readonly a{cursor:default !important}
.star-rating{background:transparent!important;overflow:hidden!important}
 #star_tip{
    display: none;
    margin-left: 10px;
    position: relative;
    background: #52b858;
    color: #fff;
    padding: 2px 8px;
    box-sizing: border-box;
    font-size: 12px;
    border-radius: 2px;
}

.iconcom-user {
    background-color: #ccc;
    color: #444;
    font-size: 12px;
    font-style: normal;
    height: 24px;
    line-height: 24px;
    margin-right: 7px;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    width: 24px;
}



/* reviews */
.comment_box .toprt {
    border: solid 1px #ddd;
    border-radius: 5px;
    padding: 5px 15px;
    margin-bottom: 20px;
}
.comment_box.crt {
    height: 120px;
    box-sizing: border-box;
}
.comment_box .crt .lcrt {
    width: 17%;
    float: left;
    border-right: solid 1px #eee;
    padding-top: 31px;
    height: 90%;
    text-align: center;
     display: inline-block;
    box-sizing: border-box;
    margin: 5px 10px 5px 5px;
}
.comment_box .crt .rank_start{
    background-position:0 0;
    width: 12px;
}
.comment_box .crt .number_star {
    font-size: 18px;
    display: block;
}
.comment_box .crt .rank_text {padding: 5px 0;}
.comment_box .crt .lcrt b {
    font-size: 40px;
    color: #fd9727;
    line-height: 40px;
}
.comment_box .crt .rcrt {
    font-size: 13px;
    overflow: hidden;
    box-sizing: border-box;
    padding: 10px 0;
    width: 45%;
    float: left;
    display: inline-block;
    border-right: solid 1px #eee;
}
.comment_box .crt .rcrt .r {
    padding: 1px 20px;
}
.comment_box .crt .rcrt span.t {
    display: inline-block;
    color: #333;
}
.comment_box .crt .rcrt .bgb {
    width: 55%;
    background-color: #e9e9e9;
    height: 5px;
    display: inline-block;
    margin: 0 10px;
    border-radius: 5px;
}
.comment_box .crt .rcrt .bgb .bgb-in {
    background-color: #f25800;
    background-image: linear-gradient(90deg,#ff7d26 0%,#f25800 97%);
    height: 5px;
    border-radius: 5px 0 0 5px;
    max-width: 100%;
}
.comment_box .crt .rcrt span.c {
    display: inline-block;
    color: #0b5690;
    cursor: pointer;
}
.comment_box .crt .bcrt {
    overflow: hidden;
    float: left;
     display: inline-block;
}
.comment_box .crt .bcrt a {
    display: block;
    width: 200px;
    margin: 41px auto 0 40px;
    padding: 10px;
    color: #fff;
    background-color: var(--main-color);
    border-radius: 5px;
    text-align: center;
    box-sizing: border-box;
}

.comment_box .txtEditor {
    height: 60px;
    width: 100%;
    margin-bottom: 20px;
}

/* end comment reviews */




.characteristics {
    display: block;
    overflow: hidden;
    position: relative;
    padding-bottom: 20px;
    background: #fff;
    cursor: pointer;
}
.characteristics h2 {
    display: block;
    line-height: 1.3em;
    font-size: 20px;
    padding: 10px;
    color: #333;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
   background: rgb(239, 138, 50);
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 2px 5px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.owl-theme .owl-dots {
    margin-top: 0px;
    text-align: center;
}

#gallery_feature {
    position: relative;
    width: 780px;
    margin: 0 auto;
}
#gallery_feature .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 46%;
}

#gallery_feature .item img.iYt {
    position: absolute;
    width: auto;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.owl-theme {position: relative; }
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  position: absolute;
  top: 50%;
  font-size: 35px;
  border-radius: 5px;
background: rgba(0, 0, 0, .3);
text-align: center;
color: #fff;

font-family: -webkit-body
}
.owl-theme .owl-prev {left: 10px}
.owl-theme .owl-next {right: 10px}
#gallery_feature .owl-nav {
    display: none;
}
#gallery_feature:hover .owl-nav{
display: block;
}

/* cat_article */

.box_cat_articles {
    background: #fff;
    margin: 10px 0;
}
.cat_articles li {
    display: block;
    overflow: hidden;
    padding: 8px 10px;
}
.cat_articles li a {
    display: block;
    overflow: hidden;
}
.cat_articles li img {
    float: left;
    width: 100px;
    height: 60px;
    margin-right: 10px;
}
.cat_articles li h3 {
    display: block;
    overflow: hidden;
    color: #333;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.cat_articles li span {
    display: block;
    overflow: hidden;
    font-size: 12px;
    color: #b10000;
}

/* Goods Relate + Compare */
.goods_related {
    background: #fff
}
.goods_related ul{
    padding: 0 20px;
    margin-bottom: 20px;
}
.goods_related ul li{
    border:1px solid #ddd;
    width: 23%;
    margin: 10px 20px 10px 0;
    border-radius: 5px
}

.goods_related ul li:nth-child(4n+4){margin-right: 0}

.goods_related ul li img{
    width: 100%;
    display: block;
    margin: 0 auto 10px;
    float: unset
}
.goods_related .hd{
    padding: 10px 0;
    overflow: visible !important
}
.goods_related form {
    display: block;
    height: 36px;
    width: 350px;
    position: relative;
    border: 1px solid #e4e4e4;
    border-radius: 4px
}

.goods_related input {
    display: block;
    text-indent: 10px;
    width: 100%;
    border: 0;
    border-radius: 4px;
    padding: 8px 0;
    height: 20px
}

.goods_related button {
    position: absolute;
    top: 0;
    right: 2px;
    width: 36px;
    height: 35px;
    border: 0;
    background: #fff
}



.search-suggestion-list {
    position: absolute;
    top: 40px;
    left: 0;
    background: #fff;
    border: 1px solid #ccc;
    font-size: 12px;
    line-height: 18px;
    z-index: 1000;
    width: 98%;
    display: block;
    overflow: hidden;
}
.search-suggestion-list li {
    height: 30px;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    width: 100%;
    box-sizing: border-box
}
.search-suggestion-list li a{
    color: #333;
    display: block;
    width: 100%;
    padding: 5px 0;
    box-sizing: border-box
}
.search-suggestion-list li:hover{
    background: #0b5690
}
.search-suggestion-list li:hover a{color: #fff}


.box_help {
    background: #fafafa;
    padding: 10px;
}
.box_help li {
    line-height: 24px;
    padding: 2px 0;
}
.box_help li a{color:#0b5690}

/* history */
.box_history .homeproduct,
.col_main .homeproduct{
    padding: 0 5px 10px 5px;
}
.box_history .homeproduct li,
.goods_related_cate .homeproduct li{
    width: 25%;
}

.extra_info{
    border-top:1px solid #ececec;
    border-left:1px solid #ececec;
}
.extra_info li{
    border-right:1px solid #ececec;
    border-bottom:1px solid #ececec;
    padding: 5px 5px;
}
.extra_info li:first-child strong{
    color:#ee3338;
}
.extra_info li p{font-size: 12px;}
.extra_info li img{
    width: 28px;
    height: 28px;
    margin-right: 5px;
    margin-top: 2px;
    float: left;
}



.btn_fittings {
    background: #f60;
    color:#fff !important;
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 3px;
    width: 60px;
    text-align: center;
}

.tab_wrapper .tabs {
    border-top: 1px solid #ddd;
    display: flex;
}

.tab_wrapper .tabs a{
    text-transform: uppercase;
    padding: 10px;
    color: #555
}
.tab_wrapper .tabs a.current {
    border-top:2px solid var(--main-color);
    color: #111;
    font-weight: bold;
}

.button-container {
    display: inline-block;
}
.button-container .cart-qty-minus, 
.button-container .cart-qty-plus {
    background: #f3f3f3 !important;
    color: #333;
}
.button-container .qty {
    width: 40px;
    border: 1px solid #ececec;
    padding: 5px;
}