@-ms-viewport {
   width: device-width;
}

/*@media only screen and (min-device-width:800px) { html { overflow-x:hidden; } }*/
html {
   height: 100%;
}

body {
   height: 100%;
   margin: 0;
   padding: 0;
   background-color: #000;
   position: relative;
   font-family: Arial, Helvetica, sans-serif;
}

#dplayer {
   height: 100%;
   width: 100%
}

.my_modal_play {
   height: 40%;
   width: 100%;
   position: absolute;
   left: 0;
   top: 30%;
   z-index: 66;
   opacity: 0.01;
}

.xcclose {
   width: 30px;
   height: 30px;
   position: absolute;
   z-index: 9999;
   right: 11px;
   top: 11px;
   border-radius: 0px;
   background: transparent;
   color: #ccc;
   text-align: center;
   line-height: 30px;
   cursor: pointer;
}

#enterPipButton {
   width: 40px;
   height: 100%;
   border: none;
   background-color: transparent;
   outline: none;
   cursor: pointer;
   vertical-align: middle;
   box-sizing: border-box;
   display: inline-block;
}

#enterPipButton p {
   idth: 24px;
   height: 24px;
   line-height: 30px;
   margin: 0;
   padding: 0;
   margin: 8px 0 0 8px;
   opacity: 0.7
}