#galeria2{
  background: url(colecao-bg.png);
  min-height:800px;
  display: block;
  float: left;
  width: 100%;
  padding:60px 0;
}
.bts{
  display: block;
  position: absolute;
  width: 180px;
  height: 220px;
  color: #fff;

  right: 20px;
  top: 60px;
  overflow: hidden;}
.bt-s{
  width: 160px;
  float: right;
  height: 35px;
  margin-bottom: 2px;
  padding-left: 35px;
  text-align: center;
  right: -125px;
  background: #3F2732;
  -webkit-transition:all 0.3s ;
  transition:all 0.3s ;
  font: 14px/35px 'Homenaje';
  color: #fff;
}
.bt-s2{
  width: 160px;
  float: right;
  height: 35px;
  margin-bottom: 2px;
  padding-left: 35px;
  text-align: center;
  right: -125px;
  -webkit-transition:all 0.3s ;
  transition:all 0.3s ;

}
.icon{
  width: 35px;
  height: 35px;
  background:#FFF;
  left:0;
  position: absolute;
  top: 0;
  display: block;
  -webkit-transition:all 0.3s ;
  transition:all 0.3s ;
}

.i-zoom{
  background-image: url(lupa.png);
  background-color: #3F2732;
  background-position: 0 0;
}
.i-share{
  background-image: url(share.png);
  background-color: #3F2732;
}
.i-face{
  background-image: url(face.png);
  background-color: #3F2732;
}
.i-twitter{
  background-image: url(twitter.png);
  background-color: #3F2732;
}
.i-google{
  background-image: url(google.png);
  background-color: #3F2732;
}
.i-pint{
  background-image: url(pint.png);
  background-color: #3F2732;
}
.bt-s:hover{
  right: 0;
}
.bt-s:hover .icon{
  /*background-position: 0 -35px;*/

}
.share-box{
  display: block;
  float: left;
  height: 0;
  overflow: hidden;
  -webkit-transition:all 0.3s ;
  transition:all 0.3s ;
}
.bt-s2.ab, .bt-s2:hover{
  opacity: 0.7;
}
.share-box.ab{
  height: 200px;
}
