* {
border:none;
outline:none;
margin:0;
padding:0;
}

.mosaic-block {
float:left;
position:relative;
overflow:hidden;
width:400px;
height:250px;
background:#111 url(../img/progress.gif) no-repeat center center;
border:1px solid #fff;
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
margin:10px;
}

.mosaic-backdrop {
display:none;
position:absolute;
top:0;
height:100%;
width:100%;
background:#111;
}

.mosaic-overlay {
display:none;
z-index:5;
position:absolute;
width:100%;
height:100%;
background:#111;
}

.circle .mosaic-overlay {
background:url(../img/hover-magnify.png) no-repeat center center;
opacity:0;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=00);
filter:alpha(opacity=00);
display:none;
}

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

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

.bar2 .mosaic-overlay {
bottom:-50px;
height:100px;
opacity:.8;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter:alpha(opacity=80);
}

.bar2 .mosaic-overlay:hover {
opacity:1;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter:alpha(opacity=100);
}

.bar3 .mosaic-overlay {
top:-100px;
height:100px;
background:url(../img/bg-black.png);
}