.ww {
	width: 364px;
}
.content-pic__content {
    display: block;
    position: relative;
    height: 100%;
    overflow: hidden;
}
.content-pic {
    width: 100%;
    position: relative;
    display: block;
}
.content-pic:hover .content-pic__content:after {
    opacity: 1;
    pointer-events: all;
    transition: .2s;
}
.content-pic__content:before {
    content: '';
    display: block;
}
.content-pic__content:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(0deg, rgba(77, 56, 56, 0.66), rgba(77, 56, 56, 0.66));
    opacity: 0;
    pointer-events: none;
    transition: .2s .1s;
}

.content-pic__btn {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    transition: .2s;
}
.content-pic:hover .content-pic__btn {
    opacity: 1;
    pointer-events: all;
    transition: opacity .2s .1s;
}
.btn-new.js-confirm-order:hover, .btn-new.product_card_submit:hover, .btn-new.btn-back:hover {
    background-color: #c3c3c3;
    transition: 0.3s;
    color:#fff;
    text-decoration: none;
}
}
.btn.js-confirm-order, .btn.product_card_submit, .btn-new.btn-back {
    transition: 0.3s;
}
.content-pic__btn .btn-new {
    width: 138px;
    height: 42px;
    line-height: 42px;
}
.btn-new {
    display: block;
    height: 60px;
    line-height: 60px;
    border-radius: 4px;
    background-color: #3E3E3E;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    width: 100%;
    cursor: pointer;
    transition: .3s;
    text-align: center !important;
}

@media only screen and (max-width: 480px) and (min-width: 320px) {
	.ww {
		width: auto;
	}
}