﻿
.product-container{}
.product-container h1.title{ font-size:26px; padding:30px 0;}
.product-container .content-box{}

.category-item{}
.category-item h2{ font-size:18px; padding:0 0 20px 0;}

ul.ow-product-list{ display:flex; flex-wrap:wrap; padding:0px;}
ul.ow-product-list li{ background:#fff; box-sizing:border-box; border:1px solid #f2f2f2; float:left; list-style:none; margin:0px 25px 50px 0px; width:150px; position:relative; text-align:center; }
ul.ow-product-list li:hover{ border-color:#0067ed; transition:0.5s; }
ul.ow-product-list li:hover img{ background:#eee; transform:scale(0.92,0.92); transition-duration:500ms; transition-timing-function:ease-out; }
ul.ow-product-list li .thumb a{ box-sizing:border-box; display:block; width:100%; overflow:hidden;}
ul.ow-product-list li .thumb a img{ box-sizing:border-box; background:#fff; height:100%; width:100%; padding:0; }
ul.ow-product-list li .info{ box-sizing:border-box; padding:15px 15px 15px 15px; text-align:center; }
ul.ow-product-list li .info h3{ font-size:14px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
ul.ow-product-list li .info h3 a{ color:#222222; position:relative; z-index:1;}
ul.ow-product-list li .info h3 a:hover { color:#0067ed;}
ul.ow-product-list li .info h3 a::before { content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #0067ed; transition:0.5s; z-index:-1;}
ul.ow-product-list li .info h3 a:hover::before { width:100%;}
