.ABP-Unit {
  position:relative;
  color:#fff;
  background:#000;
  font-size:16px;
  outline:none;
}

.ABP-Unit.ABP-FullScreen {
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  width:auto !important;
  height:auto !important;
  position:fixed;
  z-index:9999;
}

.ABP-Unit .ABP-Video {
  position:absolute;
  overflow:hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 72px;
  background:#000;
}

.ABP-Unit .ABP-Video video {
  width: 100%;
  height: 100%;
}

.ABP-Unit .ABP-Video .ABP-Container {
  transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
  position: absolute;
  display: block;
  overflow: hidden;
  margin: 0;
  border: 0;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  touch-callout: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.ABP-Unit .ABP-Video .ABP-Container .cmt {
  transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1);
  position: absolute;
  padding: 3px 0 0 0;
  margin: 0;
  color: #fff;
  font-family: SimHei, SimSun, Heiti, "MS Mincho", "Meiryo", "Microsoft YaHei", monospace;
  font-size: 25px;
  text-decoration: none;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
  line-height: 100%;
  letter-spacing: 0;
  word-break: keep-all;
  white-space: pre;
}

.ABP-Unit .ABP-Video .ABP-Container .cmt.noshadow {
  text-shadow: none;
}

.ABP-Unit .ABP-Video .ABP-Container .cmt.rshadow {
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.ABP-Unit .ABP-Text{
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  height: 30px;
  padding: 0;
  border-top: 1px solid #33b5e5;
  background: #000000;
  opacity: 0.9;
}

.ABP-Unit .ABP-Text .colorsel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.ABP-Unit .ABP-Text input[type=text] {
  background: transparent;
  border: none;
  padding: 0 10px 0 10px;
  margin: 0;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  vertical-align: middle;
  color: #33b5e5;
  outline: none;
  font-family: monospace;
  height: 30px;
  min-width: 90%;
  font-size: 18px;
}

.ABP-Unit .ABP-Control {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000;
  opacity: 0.9;
  border-top: 1px solid #33b5e5;
  height: 40px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.ABP-Unit .ABP-Control:hover {
  opacity:1;
}

.ABP-Unit .ABP-Control .button {
  position: absolute;
  overflow: hidden;
  background-color: #000000;
  width: 40px;
  top: 0;
  bottom: 0;
  transition: background-color 0.2s ease-in-out;
}

.ABP-Unit .ABP-Control .button:hover {
  background-color:#6cf;
}

.ABP-Unit .ABP-Control .ABP-Play {
  background-image:url(play.png);
  background-size:cover;
  left:0;
}

.ABP-Unit .ABP-Control .ABP-Play.ABP-Pause {
  background-image:url(pause.png);
}

.ABP-Unit .ABP-Control .ABP-FullScreen {
  background-image:url(fullscreen.png);
  background-size:cover;
  right:0;
}

.ABP-Unit .ABP-Control .ABP-CommentShow {
  background-image:url(danmaku.png?);
  background-size:cover;
  top:0;right:40px;bottom:0;
}
.ABP-Unit .ABP-Control .progress-bar  {
  position:absolute;
  overflow:hidden;
  cursor:default;
  top:0;right:80px;bottom:0;left:40px;
  background:#000;
}

.ABP-Unit .ABP-Control .progress-bar .bar {
  position:absolute;
  left:0;top:0;bottom:0;
  background:#4399ee;
  opacity:0.4;
}

.ABP-Unit .ABP-Control .progress-bar .bar.dark {
  background:#0099cc;
  opacity:1;
}

.ABP-Unit .ABP-Popup {
  position:absolute;
  background:#000;
  border:1px solid #33b5e5;
  left:10px;
  padding:5px;
  bottom:82px;
  opacity:0.8;
}
/** Aliases for Chinese named fonts because they don't work on *nix **/
@font-face {
  font-family: "\9ED1\4F53";
  src:local('SimHei');
}

@font-face {
  font-family: "\5B8B\4F53";
  src:local('SimSun');
}

@font-face {
  font-family: "\534E\6587\6977\4F53";
  src:local('SimKai');
}

@font-face {
  font-family: "\5E7C\5706";
  src:local('YouYuan');
}

@font-face {
  font-family: "\5FAE\8F6F\96C5\9ED1";
  src:local('Microsoft YaHei');
}
