.hover-effect {
        position: relative;
        overflow: hidden;}

    .hover-effect .img-responsive {
        width: 100%;
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        backface-visibility: hidden;}

    .hover-effect:hover .img-responsive {
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        backface-visibility: hidden;}

    .hover-effect .hover-caption, .hover-effect .hover-overlay {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        opacity: 0;
        padding: 0 20px;}

    .hover-effect .hover-caption {
        top: 15px;
        text-align: left;
        -moz-transform: scale(0.9);
        -webkit-transform: scale(0.9);
        -o-transform: scale(0.8);
        -ms-transform: scale(0.9);
        transform: scale(0.9);}

    .hover-effect:hover .hover-caption {
        opacity: 1;
        z-index: 5;
        width: calc(100% - 30px);
        height: calc(100% - 30px);
        top: 15px;
        left: 15px;
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}

    .hover-effect .hover-overlay {
        background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.58) 100%); /* ff3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.58) 100%); /* chrome10-25,safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.58) 100%); /* w3c, ie10+, ff16+, chrome26+, opera12+, safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=0); /* ie6-9 */
        opacity: 1;
        color: #fff;}

    .hover-effect .hover-caption {
        background-color: rgba(0, 0, 0, 0.6);
        color: #222;}

    .hover-effect .hover-caption.transparent {
        background-color: transparent;}

    .hover-effect .hover-caption, .hover-effect .hover-caption p small {
        color: #fff;
        font-size: 14px;
        letter-spacing: 1px;}

    
    .hover-effect:hover .hover-overlay {
        opacity: 0;
        top: 300px;
    transition: all .25s cubic-bezier(.4,0,.2,1);}
    
    .hover-effect h4 {
        text-align: left;
        font-size: 18px;
        font-weight: 550;
    text-shadow: 5px 5px 15px #000;}

    .vertical-align-bottom {
        bottom: 0px;
        position: absolute;}

    .item-category-span {
        clear: left;
        background-color: #bc2b38;
        color: #fff;
        padding: 1px 7px 0;
        display: block;
        float: left;
        margin: 8px 0 12px;
        letter-spacing: 2px;
        font-size: 11px;
        font-weight: 300;
        text-transform: uppercase;
        line-height: 19px;}
.closestyle1133896{ font-size:12px;color:#333333;text-decoration: none ;}