U-Pack

/* ----------------------------------------- */ /* View slug: products-simple-view - start */ /* ----------------------------------------- */ @media screen and (min-width: 1024px){ .product-list-item{ margin-bottom: 30px; height: 282px; height: 272px; overflow: hidden; position: relative; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .product-list-item .product-item-description .product-item-description-text h2{ height: 55px; line-height: 20px; overflow: hidden; margin-bottom: 10px; font-size: 20px; } .product-item-description{ position: absolute; bottom: -110px; top: initial; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .product-list-item:hover .product-item-description{bottom: 0;} .product-list-item:hover span img{ transform: scale(1.1)!important; -moz-transform: scale(1.1)!important; -webkit-transform: scale(1.1)!important; -o-transform: scale(1.1)!important; -ms-transform: scale(1.1)!important; -webkit-filter: blur(2px); -moz-filter: blur(2px); -o-filter: blur(2px); -ms-filter: blur(2px); filter: blur(2px); } .product-list-item p{height: 97px; font-size: 12px; line-height: 15px;} } @media screen and (min-width: 1040px){ .product-list-item{ height: 400px; } .product-list-item .product-item-description .product-item-description-text h2{ font-size: 24px; line-height: 28px; } .product-list-item p{font-size: 14px; line-height: 24px;} .product-item-description{ bottom: -110px; } } .product-list-item{border: 1px solid #ecf0f1; border-top: none;} .product-list-item p{color:#a1b1bc; text-align:left;} .product-list-item .product-item-description .product-item-description-text h2{color: #000; text-align:left; font-size: 20px;} .product-item-description-text{background-color:#fff;} .product-list-item span img{border: none;} .product-item-description{border-bottom: 5px solid #a1b1bc;} .product-line{ border-bottom: solid 1px #ecf0f1; width: 100%; position: absolute; left: 0; top: 53px; } .product-list-item{margin-bottom: 30px;} @media screen and (max-width: 1023px){ .product-line{top: 44px;} .product-list-item .product-item-description .product-item-description-text h2{font-size: 16px; line-height: 17px; height: 50px;} .product-item-description{top: 0; margin-top: -10px;} .img_play_effect a span:before{opacity: 1} } /* ----------------------------------------- */ /* View slug: products-simple-view - end */ /* ----------------------------------------- */