.aup-post {
    display: block;
    padding-top: 65%;
    height: 0px;
    position: relative;
    margin-bottom: 14px;
    background-size: cover;
    background-color: #122548;
}

.aup-post:hover .aup-title, .aup-post:hover .aup-excerpt {
    
}
.aup-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1.0;
    background-color: #000;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.25) 36%, rgba(0,0,0,0.57) 67%, rgba(0,0,0,0.92) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(36%,rgba(0,0,0,0.25)), color-stop(67%,rgba(0,0,0,0.57)), color-stop(100%,rgba(0,0,0,0.92))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 36%,rgba(0,0,0,0.57) 67%,rgba(0,0,0,0.92) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 36%,rgba(0,0,0,0.57) 67%,rgba(0,0,0,0.92) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 36%,rgba(0,0,0,0.57) 67%,rgba(0,0,0,0.92) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 36%,rgba(0,0,0,0.57) 67%,rgba(0,0,0,0.92) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#eb000000',GradientType=0 ); /* IE6-9 */
    transition: background 0.2s ease-out;

}
.aup .span_6:nth-child(odd) .aup-post{
    margin-right: 7px;
}
.aup .span_6:nth-child(even) .aup-post{
    margin-left: 7px;
}
.aup-content {
    
}
.aup-title {
    display: block;
    position: absolute;
    bottom: 28px;
    left: 0px;
    width: 100%;
    color: #fff;
    font-size: 1.3em;
    padding: 0 16px 0 8px;
    line-height: 1.15em;
    font-weight: 500;
    -webkit-transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform 0.2s ease-out;
}
.aup-excerpt {
    display: block;
    position: absolute;
    bottom: 4px;
    left: 0px;
    padding: 0 8px;
    width: 100%;
    height: 24px;
    color: #fff;
    font-size: 0.9em;
    -webkit-transform: scale3d(1, 1, 1);
    -webkit-transition: -webkit-transform 0.2s ease-out;
}
.aup-excerpt p {
    white-space: nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
}
.aup-post:hover .aup-title {
    -webkit-transform: scale3d(0.93, 0.93, 0.93);
    -webkit-transition: -webkit-transform 0.2s ease-out;
}
.aup-post:hover .aup-excerpt {
    -webkit-transform: scale3d(0.93, 0.93, 0.93) translate(0, -3px);

    -webkit-transition: -webkit-transform 0.2s ease-out;
}
.aup-post:hover .aup-backdrop {
   
    transition: background 0.2s ease-out;
}