.prd-ul { margin: -25px 0; }
.prd-ul > li { padding: 25px 18px; }
._prd-image a{
    display: block; width: 100%; height: 0; padding-top: 100%;
    background-repeat: no-repeat; background-position: center; background-size: cover;
}
._prd-info { position: relative; padding: 20px 15px; background: #fff; }
/* ._prd-info h3 { margin-bottom: 24px; } */
._prd-date { display: block; }
._prd-context{
    position: absolute; top: 0; left: 0; padding: 26px 15px; width: 100%; height: 100%; background: #88a716;
    opacity: 0; visibility: hidden;
    -webkit-transition: ease-out .35s;
    -o-transition: ease-out .35s;
    transition: ease-out .35s;
}
.prd-ul li:hover ._prd-context { opacity: 1; visibility: visible; }

@media (max-width:768px) {
    .prd-ul > li { padding: 15px 10px; }
    ._prd-info { padding: 15px 10px; }
}