#main{
  width: 100opx;
  margin: 100px auto 0 auto;
}

.box{
  width: 139px;
  height:139px;
  border: 5px solid #FFF8DC;
  overflow: hidden;
  position:relative;
  float:left;
  margin:-138px 30px 0 90px;
  border-radius: 125px;
  cursor:pointer;
}
.box div{
  background-color:#D3D3D3;
  width: 139px;
  height: 139px;
  padding-top:95px;
  border-radius: 125px;
  text-align:center;
}

.efect-1{

}
.efect-1 div{
  position: absolute;
  opacity: 0;
  top:0;
  left:0;
  transition:opacity 0.5;

}
.efect-1:hover div{
  opacity: 0.8;

}