.crp-tile-inner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden; -webkit-transform: translate3d(0,0,0);
-webkit-backface-visibility: hidden;
}
.crp-tile-inner * {
position: absolute;
margin: 0;
padding: 0; -webkit-font-smoothing: antialiased;
} .crp-tile-inner .overlay {
display: none;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
} .crp-tile-inner .details {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
overflow: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.crp-tile-inner .details * {
position: relative;
color: #fff;
}
.crp-tile-inner .details {
padding-top: 15px;
padding-bottom: 15px;
}
.crp-tile-inner .details h3 {
margin: 0px 20px 8px 20px;
font-size: 18px; }
.crp-tile-inner .details p {
margin: 0px 20px 0px 20px;
font-size: 13px;
line-height: normal;
font-weight: normal;
}  .details-none .details {
display: none;
}  .details33 .details {
height: auto;
top: auto;
bottom: -100%;
background-color: rgba(0, 0, 0, 0.5);
}
.details33:hover .details,
.details33:focus .details {
bottom: 0;
}  .upk33:hover .details,
.upk33:focus .details {
overflow: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
bottom: 0px;
}