.mosaic-block {
    float: left;
    position: relative;
    overflow: hidden;
    width: 275px;
    height: 200px;
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    background: #111 url(../images/progress.gif) no-repeat center center;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}


.bar .mosaic-overlay {
    bottom:-60px;
    height:60px;
    background:url(../images/bg-black.png);
}




.mosaic-block1 {
    float: left;
    position: relative;
    overflow: hidden;
    width: 275px;
    height: 400px;
    margin-top: 30px;
    margin-right: 30px;
    margin-left: 30px;
    margin-bottom: 30px;
    background: #111 url(../images/progress.gif) no-repeat center center;
    border: 1px solid #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}


.fade .mosaic-overlay {
    opacity:0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
    filter:alpha(opacity=00);
    background:url(../images/bg-black.png);
}


.mosaic-overlay {
    display:none;
    z-index:5;
    position:absolute;
    width:100%;
    height:100%;
    background:#111;
}
.mosaic-backdrop {
    display:none;
    position:absolute;
    top:0;
    height:100%;
    width:100%;
    background:#111;
}
.mosaic-backdrop img {
    height:400px;
    width:275px;
}

.details{ margin:15px 20px; }	
.details h4{
    font-weight: bolder;
    font-size: 16px;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 200%;
    letter-spacing: 0.15em;
    color: #f32330;
    text-shadow: 1px 1px 0 rgb(0,0,0);
    font-style: normal;
}
.details p{
    color: #FFFFFF;
    font-size: 16px;
    line-height: 30px;
}