.m-wf{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:999;
  background-color:rgba(0,0,0,0.7);
}

.m-wf-remove{
  position: absolute;
  top:5%;
  right:5%;
  color:#fff;
  font-size: 24px;
  cursor:pointer;
}

.m-wf__lbtn,.m-wf__rbtn{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  color:#fff;
  font-size:24px;
  cursor:pointer;
}
.m-wf__lbtn{
  left:10%;
}
.m-wf__rbtn{
  right:10%;
}
.m-wf__wrap{
  position: absolute;
  top:50%;
  left:50%;
  width:70%;
  transform:translate(-50%, -50%);
}
.m-wf__photoList{
  display:none;
  text-align:center;
}
.m-wf__photoList.active{
  display:block;
}

.m-wf__photo{
  vertical-align:middle;
  max-width: 100%;
}

@media screen and (max-width: 575px){

}