#tab-products {

}
.collection-product {
display: inline-block;
width: 200px;
border: 1px solid #ccc;
border-radius: 4px;
margin: 10px;
padding: 5px;
vertical-align: top;
text-align: center;
}
.collection-product img {
display: block;
}
.collection-product span {
display: block;
}
.collection-product span.input-control {
display: inline-block;
height: 40px;
}
.collection-product span.input-control span {
height: 20px;
line-height: 20px;
}
.collection-product input {
width: 110px;
}
.collection-product .collection-product-name {
white-space: nowrap; /* Отменяем перенос текста */
overflow: hidden;
position: relative;
text-align: center;
}
.collection-product .collection-product-name::after {
    content: ''; /* Выводим элемент */
    position: absolute; /* Абсолютное позиционирование */
    right: 0; top: 0; /* Положение элемента */
    width: 40px; /* Ширина градиента*/
    height: 100%; /* Высота родителя */
    /* Градиент */
    background: -moz-linear-gradient(left, rgba(255,255,255, 0), #fff 100%);
    background: -webkit-linear-gradient(left, rgba(255,255,255, 0), #fff 100%);
    background: -o-linear-gradient(left, rgba(255,255,255, 0), #fff 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255, 0), #fff 100%);
    background: linear-gradient(to right, rgba(255,255,255, 0), #fff 100%);
}


.collection-list {
	
}

.collection-list .collection {
display: inline-block;
vertical-align: top;
width: 33%;
margin: 1px;
position: relative;
}
.collection-list .collection .title {
position: absolute;
right: 0px;
bottom: 10px;
color: white;
padding: 10px 20px;
}
.collection-list .collection:hover .title {
background: rgba(50,50,50,0.5);
}