.mobile{
	display:none;
}
.product_table{
		width:100%;
	}
.bar{

    padding: 20px 0; 

}

.add_box{

    padding: 10px 0;

    height: auto;

    overflow: hidden;

    border-top: solid 1px #DEE1E9;

}

.add_box .addcomparing{

    color: #5E6C80;

    font-size: 14px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;



}

.add_box .addcomparing:before{

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

    content: '';

    display: inline-block;

    width: 18px;

    margin-right: 5px;

    height: 18px;

    vertical-align: middle;

    margin-top: -3px;

    border-radius: 50%;

    background:#5E6D82 url(../../images/common/products/add.png) center no-repeat;

}

.add_box .addcomparing:hover,.add_box .addcomparing.active{

    color: #FF3F00;

}

.add_box .addcomparing:hover:before{

    background-color: #FF3F00;

   

}

.add_box .addcomparing.active:before{

    background-color: #FF3F00;

     transform:rotate(-45deg);

}

.add_box .addcart{

    margin-top: 2px;

    float: right;

    font-size: 14px;

    color: #FFFFFF;

    background: #5E6D82;

    line-height: 25px;

    width: 106px;

    text-align: center;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.add_box .addcart:before{

    content: '';

    display: inline-block;

    width: 8px;

    margin-right: 5px;

    height: 8px;

    vertical-align: middle;

    margin-top: -2px;

    background: url(../../images/common/products/add.png) center no-repeat;

}

.add_box .addcart:hover{

    background: #FF3F00;

}

.comparing_txt{

    font-size: 15px;

    color: #666666;

    display: inline-block;

    padding: 0 15px;

}

.comparing_txt b{

    color: #FF3F00;

}

.products-list {

    margin: 0 -10px;

}

.products-list .item {

    width: 33.33%;

    padding: 0 5px;

    margin-bottom: 40px;

}

.products-list .item:nth-child(3n+1) {

    clear: left;

}

.products-list .box {

    max-width: 320px;

    margin: 0 auto 10px;

    position: relative;

}

.products-list .box.new:before {

    content: '';

    display: block;

    background: url('../../images/common/products/new_tag.png') no-repeat;

    width: 58px;

    height: 58px;

    position: absolute;

    z-index: 10;

    left: 0;

    top: 0;

}

.products-list .pic-box {

    margin-bottom: 14px;

    position: relative;

}

.products-list .pic {

    display: block;

    position: relative;

    overflow: hidden;

}

.products-list .box:hover .pic {

}



.products-list .pic img {

    width: 100%;

    -moz-transform: scale(1);

    -webkit-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.products-list .box:hover .pic img {

    -moz-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -o-transform: scale(1.1);

    -ms-transform: scale(1.1);

    transform: scale(1.1);

}

.products-list .name {

    display:block;

    color: #373737;

    font-size: 20px;

    line-height: 24px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    padding: 0 3px;

    max-width: 100%;

    margin-top: 10px;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    margin-bottom: 5px;

    font-weight: normal;

}



.products-list .description {

    color: #373737;

    font-size: 15px;

    line-height: 1.45;

    padding: 0 3px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}



.products-intro {

    max-width: 1345px;

    margin: 0 auto 50px;

}

.gallery {

    float: left;

    width: 540px;

    max-width: 540px;

}

.pd-intro,

.thumbnails {

    float: right;

    width: calc(100% - 570px);

}

.thumbnails {

}

.thumbnails ul {

    max-width: 550px;

    margin: 0 -7px;

}

.thumbnails li {

    width: 33.33%;

    padding: 2px;

}

.thumbnails a {

    display: block;

    max-width: 180px;

    margin: 0 auto;

    position: relative;

    overflow: hidden;

}

.thumbnails a:before {

    content: '';

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: url('../../images/common/products/small_hover.png') 50% 50% no-repeat rgba(17,17,17,0.6);

    opacity: 0;

    border: 5px solid #FF7430;

    transition: all 0.3s;

}

.thumbnails a:hover:before,

.thumbnails li.active a:before {

    opacity: 1;

}

.pd-intro .breadcrumb {

    margin: 0;

}

.pd-name {

    color: #373737;

    font-size: 20px;

    font-weight: normal;

    letter-spacing: 0.05em;

    line-height: 1.5;

    margin: 0 0 15px;

    padding-bottom: 15px;

    border-bottom: solid 1px #DDDDDD;

}

.pd-description {

    color: #373737;

    font-size: 15px;

    min-height: 127px;

    margin-bottom: 15px;

    margin-top: 0;
    
    font-weight: normal;
}

.pd-btn{

    border:solid 1px #DDDDDD;

    font-size: 18px;

    font-weight: bold;

    color: #888888;

    border-radius: 5px;   

    text-align: center;

    display: inline-block;



}

.pd-btn:hover,.pd-btn.active{

    color: #FF3F00;

    border-color: #FF3F00;

}

.pd-btn1{

    width: 100%;

    height: 52px;

    line-height: 52px;

    margin-bottom: 10px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.pd-btn:before{

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.pd-btn1:before{

    content: '';

    background: url(../../images/common/products/ic1.png);

    width: 25px;

    height: 35px;

    vertical-align: middle;

    margin-top: -10px;

    margin-right: 5px;

    display: inline-block;

     box-sizing: border-box;

}

.pd-btn1:after,.pd-btn1:hover:before{

    background: url(../../images/common/products/ic1-.png);

}



.pd-btn2,.pd-btn3{

    height: 140px;

    width: 49.5%;

    float: left;

    box-sizing: border-box;

}

.pd-btn3{

    margin-left: 1%;

}

.pd-btn2:before{

    content: '';

    display: block;

    width: 26px;

    height: 34px;

    margin:25px auto 8px;

   

    background: url(../../images/common/products/ic2.png);

}

.pd-btn-box:before,

.pd-btn2:hover:before,.pd-btn2.active:before{

   background: url(../../images/common/products/ic2-.png); 

}

.pd-btn3:before{

    content: '';

    display: block;

    width: 43px;

    height: 30px;

    margin:25px auto 8px;

    background: url(../../images/common/products/ic3-.png);

    background: url(../../images/common/products/ic3.png);

}

.pd-btn3:hover:before,.pd-btn-box:after{

   background: url(../../images/common/products/ic3-.png); 

}

.pd-btn2:after,.pd-btn3:after{

    content: '';

    background: url(../../images/common/products/ic4.png);

    width: 15px;

    height: 15px;

    display: block;

    margin: 10px auto;

        -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all 0.3s ease;

}

.pd-btn-box2:before,.pd-btn2:hover:after,.pd-btn3:hover:after,.pd-btn2.active:after{

     background: url(../../images/common/products/ic4-.png);

}

.products-detail {

    max-width: 1345px;

    margin: 0 auto;

    position: relative;

}

.products-detail .title {

    color: #333;

    font-size: 16px;

    font-weight: bold;

    line-height: 30px;

    letter-spacing: 0.08em;

    border-bottom: 1px solid #ddd;

    margin: 0 -50px 30px;

    padding: 0 50px 10px;

}

.product_table{

    padding-bottom: 20px;

    border-bottom: solid 1px #ddd;

    margin-bottom: 20px;

}

.product_table tr:nth-child(odd){

    background: #F2F5F9

}

.product_table th{

    text-align: right;

    padding: 10px;

    width: 184px;

    color: #485465;

    box-sizing: border-box;

    border-right: solid 1px #DEE1E9;

    vertical-align: top;

}

.product_table td{

    padding: 10px 20px;

    color: #485465;

}

.products-reviews{
    margin-top: 40px;
}
.reviews-summary{
    margin-bottom: 20px;
}
.reviews-title{
    color: #3099E3;
    font-size: 20px;
    border-bottom: solid 1px #DDDDDD;
    font-weight: bold;
    line-height: 1.5;
    margin: 0;
    margin-bottom: 20px;
    padding-bottom: 4px;
}
.reviews-summary .row{
    display: flex;
}
.reviews-summary .col:nth-child(2){
    padding-left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.data-main-content{
    display: flex;
}
.data-star-content,
.data-count-content,
.data-bar-content{
    display: flex;
    flex-direction: column;
}
.data-star-content{
    padding-top: 2px;
}
.data-star{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.data-star + .data-star{
    margin-top: 6px;
}
.data-star .star-icon{
   position: relative;
   width: 14px;
   height: 14px;
   display: block;
   background: transparent;
   margin-left: 3px;
   margin-right: 3px;
}
.data-star .star-icon.star-full:before{
    font-family: 'icon-font-2' !important;
    content: "\ed999";
    font-size: 15px;
    line-height: 15px;
    position: absolute;
    left: 0;
    top: 0;
    color: #ff9800;
}
.data-star .star-icon.star-half:before{
    font-family: 'icon-font-2' !important;
    content: "\ed998";
    font-size: 15px;
    line-height: 15px;
    position: absolute;
    left: 0;
    top: 0;
    color: #ff9800;
}
.data-star .star-icon.star-empty:before{
    font-family: 'icon-font-2' !important;
    content: "\ed997";
    font-size: 15px;
    line-height: 15px;
    position: absolute;
    left: 0;
    top: 0;
    color: #ff9800;
}

.data-star.input-star span{
    cursor: pointer;
}




.data-main-content .data-count{
    color: #333;
    width: auto;
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    line-height: 20px;
    font-size: 13px;
    white-space: nowrap;
}
.data-bar{
    width: 100px;
    background: #EDEDED;
    position: relative;
    height: 10px;
    border-radius: 2px;
}
.data-bar:nth-child(1){
    margin-top: 5px;
}
.data-bar + .data-bar{
    margin-top: 10px;
}
.data-bar .data-bar-inside{
    width: 0%;
    height: 100%;
    background: #ff9800;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 2px;
}
.data-total{
    text-align: center;
}
.data-total .data-score{
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 7px;
    font-weight: 600;
    margin-top: 8px;
}
.data-total .data-star{
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}
.data-total .data-summary{
    font-size: 12px;
    margin-top: 5px;
}
.reviews-form-toggle{
    background: #033491;
    color: #fff;
    padding: 10px 35px 10px 20px;
    border-radius: 4px;
    line-height: 1;
    margin-bottom: 25px;
    text-align: center;
    transition: all .3s ease;
    letter-spacing: 1px;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    position: relative;
    width: 235px;
    box-sizing: border-box;
}
.reviews-form-toggle:before{
    font-family: 'icon-font' !important;
    content: "\f0d7";
    position: absolute;
    right: 12px;
    top: 10px;
    color: #FFF;
    transition: all .3s ease;
}
.reviews-form-toggle.active,
.reviews-form-toggle:hover{
    background: #2761cf;
}
.reviews-form-toggle.active,
.reviews-form-toggle:hover{
    background: #2761cf;
}
.reviews-form-toggle.active:before{
    transform: rotate(180deg);
}
.reviews-form{
    background: #F2F5F9;
    padding-bottom: 20px;
    margin-bottom: 25px;
}
.reviews-form .reviews-title{
    margin-bottom: 10px;
    padding: 20px 30px 15px;
    text-align: center;
    color: #3099E3;
    font-size: 16px;
    font-weight: bold;
}
.reviews-form .form-box{
    padding-top: 0;
    padding-bottom: 0;
}
.reviews-form .btn-box{
    margin-top: 0;
    border-top: 0;
}
.reviews-form .btn-box .btn.normal{
    margin-top: 0;
    border-top: 0;
    width: 160px;
    line-height: 40px;
}
.reviews-content .reviews-title{
    margin-bottom: 5px;
}
.reviews-list .reviews-box{
    border-bottom: 1px solid #ddd;
    padding-top: 15px;
    padding-bottom: 15px;
}
.reviews-list .reviews-box:nth-last-child(1){
    border-bottom: 0;
}
.reviews-list .reviews-box + .reviews-box{
    margin-top: 10px;
}
.reviews-list .data-star{
    margin-bottom: 10px;
}
.reviews-list .name{
    margin: 0;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 1.3;
}
.reviews-list .title{
    font-size: 15px;
    line-height: 1.3;
    margin-bottom: 5px;
}
.reviews-list .review{
    font-size: 15px;
    line-height: 1.3;
    color: #b5b5b5;
    margin-bottom: 5px;
}


@media screen and (max-width: 1200px) {

    .products-list .item {

        width: 33.33%;

    }

    .products-list .item:nth-child(4n+1) {

        clear: none;

    }

    .products-list .item:nth-child(3n+1) {

        clear: left;

    }

    .gallery {

        width: 49%;

    }

    .pd-intro,

    .thumbnails {

        width: 48%;

    }

}

@media screen and (max-width: 1000px) {
	.mobile{
		display:block;
	}
	.desktop{
		display:none;
	}
	

    .products-list .item{

        margin-bottom: 25px;

    }

    .comparing_txt{

        margin-top: 5px;

    }

    .pd-name{

        font-size: 18px;

        margin: 0 0 10px;

        padding-bottom: 10px;

    }

    .pd-btn{

        font-size: 16px;

        margin-bottom: 10px;

    }

    .pd-description{

        height: auto;

        min-height: inherit;

    }

    .products-intro{

        margin-bottom: 20px;

    }

    .pd-intro {

        float: none;

        width: auto;

    }

    .gallery {

        width: 60%;

    }

    .thumbnails {

        width: 39%;

    }

    .thumbnails ul {

        max-width: none;

        margin: -2px;

    }

    .thumbnails li {

        width: 50%;

    }

    .product_table td,.product_table th{

        display: block;

        text-align: left;

        border: none;

        padding:5px;

        width: 100%;

    }

    .product_table th {

        color: #3099e3;

    }

}

@media screen and (max-width: 840px) {

    .products-list {

        margin: 0 -7px;

    }

    .products-list .item {

        width: 50%;

        padding: 0 7px;

    }

    .products-list .item:nth-child(3n+1) {

        clear: none;

    }

    .products-list .item:nth-child(2n+1) {

        clear: left;

    }

}

@media screen and (max-width: 767px) {

    .gallery,

    .thumbnails {

        float: none;

        width: auto;

    }

    .gallery {

        margin: 0 auto;

    }

    .thumbnails {

        padding-top: 2px;

    }

    .thumbnails ul {

        margin: 0 -2px;

    }

    .thumbnails li {

        width: 16.66%;

    }

}

@media screen and (max-width: 560px) {

    .products-list .item {

        width: 100%;

    }

    .thumbnails li {

        width: 33.33%;

    }

    .reviews-summary .row {
        flex-direction: column;
    }
    .reviews-summary .col:nth-child(1) {
        order: 2;
    }
    .reviews-summary .col:nth-child(2) {
        order: 1;
        margin-bottom: 10px;
        padding-left: 0;
    }
    .data-main-content {
        justify-content: center;
    }
    .reviews-form-toggle {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 15px;
        display: block;
    }


}