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

.box1{
  width: 51px;
  height:48px;
  border: 3px solid #1E90FF;
  overflow: hidden;
  position:relative;
  float:left;
  margin:-49px 4px 3px 2px;
  border-radius: 125px;
  cursor:pointer;
}
.box1 div{
  background-color:#D3D3D3;
  width: 39px;
  height: 39px;
  padding-top:95px;
  border-radius: 125px;
  text-align:center;
}

.efect-11{

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

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

}