.product-images{width:600px;}

.preview {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}

.arrow-left {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -13px;
    width: 26px;
    height: 26px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23D13A31'%2F%3E%3C%2Fsvg%3E") !important;
    display: inline-block;
    z-index: 99999999;
}

.arrow-right {
    width: 26px;
    height: 26px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23D13A31'%2F%3E%3C%2Fsvg%3E") !important;
    transform: rotate(180deg);
    background-repeat: no-repeat;
    display: inline-block;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -13px;
    z-index: 99999999;
}

.product-tag{border-bottom:1px solid #eee;margin:80px 0 40px;}
.product-tag span{margin:0 20px 0 0;padding:15px 40px;background:#eee;font-size:18px;display:inline-block;}
.product-param{flex:1;padding:50px 0 0 100px;}
.product-param .title{font-size:24px;}
.product-param .desc{padding-top:30px;font-size:15px;color:#666;line-height:26px;}

.product-list ul{margin:0;display:flex;flex-flow:wrap;}
.product-list ul li{width:33.33%;padding:15px;box-sizing:border-box;text-align:center;}
.product-list li p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;line-height:60px;background:transparent;transition:0.3s;color:#888;}
.product-list li:hover p{background:linear-gradient(to right,#5592EC,#2267D1);color:white;}

@media (max-width:768px) {
    .product-list ul li{width:50% !important;padding:5px !important;}
    .product-list li p{line-height:40px;font-size:13px;}

    .viewproduct{display:block;padding:0 10px;}
    .product-images{width:100%;}
    .product-param{flex:inherit;width:100%;margin-top:20px;padding:10px;}
    .product-param .title{line-height:1;font-size:18px;}
    .product-param .desc{font-size:14px;line-height:25px;padding-top:10px;}
    .product-tag{margin:20px 0;}
    .product-tag span{padding:10px;font-size:14px;}
}
