.Category-box{
	width: 24%;
    margin: 4px;
    height:170px;
    display:inline-block;
}

.Category-box-item {
	position: relative;
    overflow: hidden;
}

.Category-box-item .title {
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    padding:0px!important;
}

.Category-box-item .title a {
	display: block;
    padding: 10px;
    line-height: 20px;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
    background: rgb(0,0,0);
    background: rgba(0,0,0,0.5);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.Category-box-item:hover .title a{
    background: rgba(0,0,0,0.7);
}

.Category-box-item .picture{
    height: 170px;
    overflow:hidden;
}

.Category-box-item .picture img {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;   
    width: 100%;
    height: 170px;    
    object-fit: cover;
    -webkit-transform: translateZ(0) scale(1.0, 1.0); /* fixes the bug of the 1px moving product images when hover on category */
}

.Category-box-item:hover .picture img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}