.product-category,

.product-name {

    font-size: 23px;

    font-weight: bold;

    color: #444444;

    line-height: 1.2;

    margin: 0 0 20px;

}

.products-list {

    margin: 0 -10px;

}

.products-list .item {

    width: 25%;

    padding: 0 10px;

}

.products-list .item a {

    max-width: 332px;

    margin: 0 auto 50px;

}

.products-list .pic {

    margin-bottom: 16px;

    position: relative;

}

.products-list a:hover .pic:before {

    content: " ";

    background: rgba(0,0,0,0.80) url(../images/products/hover.jpg) no-repeat 50% 50%;

    display: block;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    z-index: 5;

    outline: 6px solid #FF7430;

}

.products-list .name {

    display: inline-block;

    max-width: calc(100% - 10px);

    color: #222;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    font-size: 16px;

    font-weight: bold;

    padding: 0 5px;

}

.products-list a:hover .name {

    background: #FF732F;

    color: #fff;

}

.products-list .description {

    overflow: hidden;

    height: 66px;

}

.intro-table {

    border-collapse: collapse;

    border-spacing: 0;

    border: 0;

    width: 100%;

    margin: 20px 0;

}

.intro-table tr {

    border-bottom: 1px solid #ddd;

}

.intro-table th {

    color: #FF732F;

    width: 70px;

    text-align: left;

}

.intro-table th,

.intro-table td {

    padding: 5px;

    vertical-align: top;

}



.gallery {

    margin-bottom: 60px;

}

.gallery .stage {

    float: left;

    width: 52%;

}

.gallery .txt {

    float: right;

    width: 48%;

    padding: 0 10px;

    -webkit-box-sizing: border-box;

   -moz-box-sizing: border-box;

        box-sizing: border-box;

}

.gallery .thumbnails {

    margin-top: 30px;

}

.gallery .thumbnails ul {

    /*max-width: 68%;*/

    margin: -4px -2px 0;

}

.gallery .thumbnails ul li {

    width: 33.33%;

    padding: 4px 2px 0;

}

.gallery .thumbnails a {

    position: relative;

    max-width: 160px;

}

.gallery .thumbnails li.active a:before,

.gallery .thumbnails a:hover:before {

    content: " ";

    background: url(../images/products/small_hover.png) no-repeat 50% 50%;

    border: 5px solid #FF7430;

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

}

.product-name {

    font-size: 25px;

    margin-bottom: 15px;

}

.detail-title {

    background: url(../images/products/detail_title.jpg) no-repeat 30px 0;

    height: 30px;

    border-bottom: 1px solid #ddd;

    text-indent: -99999px;

    margin: 0 -30px 30px;

}

.product-detail {

    border-bottom: 1px solid #ddd;

    margin: 0 -30px;

    padding: 0 30px 30px;

}

.product-detail .title {

    color: #FF732F;

    font-size: 33px;

    letter-spacing: 3px;

    font-family: 'Lora', serif;

    line-height: 1.2;

}



.has-side .products-list .item {

    width: 33.33%;

}

.has-topnav .breadcrumb {

    text-align: center;

    margin-bottom: 60px;

}

.has-topnav .product-category {

    text-align: center;

    margin-top: 120px;

}



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

    .products-list {

        max-width: 1100px;

        margin: 0 auto;

    }

    .products-list .item {

        width: 33.33%;

    }

}

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

    .gallery .stage,

    .gallery .txt {

        float: none;

        width: auto;
		margin-top:20px;

    }

    .gallery .thumbnails ul {

        max-width: 560px;

        margin: 0 auto 10px;

    }

}

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

    .products-list {

        max-width: 760px;

    }

    .products-list .item,

    .has-side .products-list .item {

        width: 50%;

    }

}

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

    .product-category,

    .product-name {

        font-size: 20px;

    }

}

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

    .products-list .item,

    .has-side .products-list .item {

        width: auto;

        float: none;

        padding: 0;

    }

    .products-list .name {

        white-space: normal;

    }

    .products-list .description {

        height: auto;

    }

}

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

    .intro-table tr,

    .intro-table th,

    .intro-table td {

        display: block;

    }

    .intro-table tr {

        padding: 5px;

    }

    .intro-table th,

    .intro-table td {

        padding: 0;

    }

}