/*��ҳ���ض�ч   topshow���������£�fa_leftshow ���������ң�  */
.delighter{
  overflow:hidden;
  position:relative;
}

.fa_topshow.delighter:before{
  width:100%;
  position:absolute;
  height:100%;
  top:0;
  left:0;
  transform: translatey(0%);
  display:block;
  background:#fff;
  z-index:10;
  content:"";
  transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s;
}
.fa_topshow.started.delighter:before{
  transform: translatey(100%);
}

.fa_leftshow.delighter:before{
  width:100%;
  position:absolute;
  height:100%;
  top:0;
  left:0;
  transform: translatex(0%);
  display:block;
  background:#fff;
  z-index:10;
  content:"";
  transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s;
}
.fa_leftshow.started.delighter:before{
  transform: translatex(100%);
}


.fa_rightshow.delighter:before{
  width:100%;
  position:absolute;
  height:100%;
  top:0;
  left:0;
  transform: translatex(0%);
  display:block;
  background:#fff;
  z-index:10;
  content:"";
  transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s;
}
.fa_rightshow.started.delighter:before{
  transform: translatex(-100%);
}

.fa_bottomshow.delighter:before{
  width:100%;
  position:absolute;
  height:100%;
  top:0;
  left:0;
  transform: translatex(0%);
  display:block;
  background:#fff;
  z-index:10;
  content:"";
  transition: 1s cubic-bezier(0.68, 0.54, 0.14, 0.96) 0.5s;
}
.fa_bottomshow.started.delighter:before{
  transform: translatey(-100%);
}