.md-h5-video-fig {
  position: relative;
  user-select: none;
}
.md-h5-video-fig video {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 97;
  visibility: hidden;
  width: 100%;
  height: 100%;
  display: none;
}
.md-h5-video-clarity{
  width: 100%;
  height: 44px;
  bottom: 0px;
  left: 0px;
  display: block;
  background-color: #444;
  padding: 10px 15px;
  box-sizing: border-box;
  color: #fff;
  zoom: 1;
  position: relative;
}
.md-h5-video-clarity-label{
  line-height: 24px;
  font-size: 15px;
  font-weight: normal;
  float: left;
}
.md-h5-video-clarity-btns li{
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 5px 7px;
  line-height: 14px;
  font-size: 13px;
  margin-right: 15px;
  float: left;
}
.md-h5-video-clarity-btns li.on{
  border: 1px solid #70cf95;
  color: #70cf95;
}


.md-h5-video-poster{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 98;
  width: 100%;
  height: 100%;
}

.md-h5-video-poster img{
  display: block;
  width: 100%;
}

.md-h5-video-status{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  color: #fff;
}

.md-h5-video-status a:link,
.md-h5-video-status a:visited,
.md-h5-video-status a:hover {
  color: #fff;
  text-decoration: none;
}

.md-h5-video-loading,
.md-h5-video-replay,
.md-h5-video-play {
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  line-height: 140px;
  background-image: url('https://b-ssl.duitang.com/uploads/item/201706/12/20170612125000_e2yVn.png');
  background-size: 72px 72px;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
}

.md-h5-video-replay {
  display: none;
}

.md-h5-video-loading {
  display: none;
  background-image: url("https://b-ssl.duitang.com/uploads/people/201706/15/20170615194454_XLNEi.png");
  animation: mdH5VideoLoading .5s linear infinite;
  -webkit-animation: mdH5VideoLoading .5s linear infinite;
}


@-webkit-keyframes mdH5VideoLoading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

@keyframes mdH5VideoLoading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}