.oferta-lista {
    overflow:hidden;
    /*margin:0 -4px*/
}
.oferta-lista .box {
    overflow:hidden;
    float:left;
    position:relative;
    padding:0;
    margin:0;
    background:#ff8000;
}
.oferta-lista .box img {
    width:100%;
    position:relative;
    opacity:1;
    display:block;
}
.oferta-lista figure figcaption::before,.oferta-lista figure figcaption::after {
    pointer-events:none
}
.oferta-lista figure figcaption,.oferta-lista figure a {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:100%
}
.oferta-lista figure a {
    text-indent:-999em;
    overflow:hidden;
    display:block;
    z-index:1
}
.oferta-lista figure figcaption {
    padding:0;
    color:#fff;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
}

.oferta-lista figure figcaption:hover {
    padding:0;
    color:#fff;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}

.oferta-lista .box .overlay2 {
    bottom:0;
    width:100%;
    position:absolute;
    padding:12px 8px;
    background:#ff8000;
    overflow:hidden;
    -webkit-transition: -webkit-transform .35s;
    transition: -webkit-transform .35s;
    transition: transform .35s;
    transition:transform .35s, -webkit-transform .35s;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
}
.oferta-lista .box:nth-child(even) .overlay2 {
    background:#0d0d0d;
}
.oferta-lista .box .overlay2 h4,.oferta-lista .box .overlay2 h5 {
    font-size:18px;
    margin:0;
    color:#fff;
    text-transform:uppercase;
    text-align:center;
    line-height:1
}
.oferta-lista .box .overlay2 h4 {
    letter-spacing:0;
    margin:0 0 4px 0
}
.oferta-lista .box .overlay2 h5 {
    font-size:10px;
    margin:0;
    color:#ffb600;
}
.oferta-lista .box .overlay2 h5 span{
    padding:0 10px 0 5px;
}
.box-text {
    margin:6% 4%;
    opacity:0;
    -webkit-transition: opacity .2s,-webkit-transform .35s;
    transition: opacity .2s,-webkit-transform .35s;
    transition: opacity .2s,transform .35s;
    transition:opacity .2s,transform .35s,-webkit-transform .35s;
    -webkit-transform:translate3d(0,-20px,0);
    transform:translate3d(0,-20px,0);
    padding:0;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    color:#fff
}
.oferta-lista .box .box-text p {
    text-align:center;
    color:#fff;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:6% 4%;
    margin:0
}
.oferta-lista .box:hover img {
    opacity:0
}

.oferta-lista .box:hover .box-text {
    opacity:0.8;
    -webkit-transform:translate3d(0,10px,0);
    transform:translate3d(0,10px,0)
}
.oferta-lista .box:hover .overlay2 {
    -webkit-transform:translate3d(0,-15px,0);
    transform:translate3d(0,-15px,0);
    background:transparent;
}