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


.mosaic-block {
  float:left;
  position:relative;
  overflow:hidden;
  width:212px;
  height:356px;    
  margin:0px 14px 10px 6px;
  background:#111 url(../img/progress.gif) no-repeat center center;
  border:0px solid #fff;
}
.mosaic-block1 {
  float:left;
  position:relative;
  overflow:hidden;
  width:220px;
  height:138px;    
  margin:0px 0px 10px 10px;

  background:#111 url(../img/progress.gif) no-repeat center center;
  border:0px solid #fff;
}
.mosaic-backdrop {
  display:none;
  position:absolute;
  top:0;
  height:100%;
  width:100%;
  background:#fff;
}
.mosaic-overlay {
  display:none;
  z-index:5;
  position:absolute;
  width:100%;
  height:100%;
  background:#fff;
}
.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:-95px;
  height:90px;
  background:url(../img/bg-black.png);
}
.bar2 .mosaic-overlay {
  bottom:-100px;
  height:125px;
  opacity:0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter:alpha(opacity=90);
}
.bar2 .mosaic-overlay:hover {
  opacity:0.9;
  -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);
}