.prism-player .prism-big-play-btn {
    background:url(../img/player_img/bigplay.png) no-repeat;
    background-size:contain;
    width:100px;
    height:100px;
}
.prism-player .prism-big-play-btn .outter {
    border:0px solid rgba(255, 255, 255, .51);
    width:100px;
    height:100px;
    border-radius:100%;
    position:absolute;
    box-sizing:border-box;
    top:0;
    left:0
}
.prism-player .prism-big-play-btn:hover {
    cursor:pointer
}
.prism-player .prism-play-btn {
    width:24px;
    height:24px;
    background:url(../img/player_img/smallplay.png) no-repeat;
    background-size:contain
}
.prism-player .prism-play-btn:hover {
    cursor:pointer
}
.prism-player .prism-live-display {
    font-size:12px;
    color:#ebecec;
    line-height:44px;
    text-align:center;
    margin:0
}
.prism-player .live-shift-display:hover {
    cursor:pointer;
    font-size:14px
}
.prism-player .prism-play-btn.playing {
    background:url(../img/player_img/smallpause.png) no-repeat;
    background-size:contain
}
.prism-player .prism-play-btn.playing:hover {
    cursor:pointer
}
.prism-player .prism-fullscreen-btn {
    width:24px;
    height:24px;
    background:url(../img/player_img/fullscreen.png) no-repeat;
    background-size:contain
}
.prism-player .prism-fullscreen-btn:hover {
    cursor:pointer
}
.prism-player .prism-fullscreen-btn.fullscreen {
    background:url(../img/player_img/smallscreen.png) no-repeat;
    background-size:contain
}
.prism-player .prism-fullscreen-btn.fullscreen:hover {
    animation:hoverAnimationScale 1s 1;
    -moz-animation:hoverAnimationScale 1s 1;
    -webkit-animation:hoverAnimationScale 1s 1;
    -o-animation:hoverAnimationScale 1s 1;
    cursor:pointer
}
.prism-player .prism-volume {
    position:relative
}
.prism-player .prism-volume .volume-icon {
    width:28px;
    height:28px;
    background:url(../img/player_img/volume.png);
    background-size:contain
}
.prism-player .prism-volume .volume-icon .long-horizontal {
    width:3px;
    background:#ebecec;
    height:18px;
    position:absolute;
    right:5px;
    top:50%;
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.prism-player .prism-volume .volume-icon .short-horizontal {
    width:3px;
    background:#ebecec;
    height:8px;
    position:absolute;
    right:10px;
    top:50%;
    -ms-transform:translateY(-50%);
    transform:translateY(-50%)
}
.prism-player .prism-volume .volume-icon:hover {
    -ms-transform-origin:0 50%;
    transform-origin:0 50%;
    background-size:contain;
    cursor:pointer
}
.prism-player .prism-volume .mute .long-horizontal {
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    height:12px;
    top:10px;
    left:22px
}
.prism-player .prism-volume .mute .short-horizontal {
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    height:12px;
    top:10px;
    left:22px
}
.prism-player .prism-volume-control {
    position:absolute;
    bottom:44px;
    display:none;
    background:rgba(60, 60, 60, .95);
    box-shadow:0 0 6px 0 rgba(0, 0, 0, .1);
    width:32px;
    height:130px;
    z-index:10000
}
.prism-player .prism-volume-control .volume-control-icon {
    width:32px;
    height:32px;
    background:url(../img/player_img/unmutevolume.png) no-repeat;
    background-size:contain
}
.prism-player .prism-volume-control .volume-control-icon:hover {
    cursor:pointer;
    background:url(../img/player_img/volumehover.png) no-repeat;
    background-size:contain
}
.prism-player .prism-volume-control .volume-control-icon.mute {
    background:url(../img/player_img/volumemute.png) no-repeat;
    background-size:contain
}
.prism-player .prism-volume-control .volume-control-icon.mute:hover {
    background:url(../img/player_img/volumemutehover.png) no-repeat;
    background-size:contain;
    cursor:pointer
}
.prism-player .prism-volume-control:hover {
    cursor:pointer
}
.prism-player .prism-volume-control .volume-control-icon {
    position:absolute;
    bottom:6px;
    left:8px;
    width:26px;
    height:26px
}
.prism-player .prism-volume-control .volume-range {
    position:absolute;
    left:14px;
    bottom:10px;
    border-radius:1px;
    background:#6c6262;
    box-shadow:inset 1px 1px 1px 0 rgba(0, 0, 0, .06);
    width:4px;
    height:100px
}
.prism-player .prism-volume-control .volume-value {
    width:100%;
    height:0%;
    background:#30adf2;
    position:absolute;
    border-radius:1px;
    bottom:0
}
.prism-player .prism-volume-control .volume-cursor {
    position:absolute;
    bottom:0;
    background:#fff;
    width:15px;
    height:15px;
    border-radius:15px;
    left:-6px
}
.prism-player .prism-volume-control .volume-cursor:hover {
    background:#00c1de
}
.prism-player .prism-animation {
    width:64px;
    height:64px;
    border-radius:64px;
    opacity:0;
    position:absolute;
    left:50%;
    top:50%;
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.prism-player .prism-play-animation {
    background:url(../img/player_img/playanimation.png) no-repeat;
    background-size:contain
}
.prism-player .prism-pause-animation {
    background:url(../img/player_img/pauseanimation.png) no-repeat;
    background-size:contain
}
.prism-player .play-apply-animation {
    animation:prismplayanimation 1s 1;
    -moz-animation:prismplayanimation 1s 1;
    -webkit-animation:prismplayanimation 1s 1;
    -o-animation:prismplayanimation 1s 1;
    animation-fill-mode:both
}
@keyframes prismplayanimation {
    0% {
        width:32px;
        height:32px;
        border-radius:32px;
        opacity:0
    }
    50% {
        width:32px;
        height:32px;
        border-radius:32px;
        opacity:1
    }
    99% {
        width:76px;
        height:76px;
        border-radius:76px;
        opacity:0
    }
    100% {
        width:0;
        height:0
    }
}
@keyframes spinoffPulse {
    0% {
        transform:rotate(0);
        -webkit-transform:rotate(0);
        -moz-transform:rotate(0)
    }
    100% {
        transform:rotate(360deg);
        -webkit-transform:rotate(360deg);
        -moz-transform:rotate(360deg)
    }
}
@keyframes hoverAnimationRotate {
    0% {
        transform:rotate(0);
        -webkit-transform:rotate(0);
        -moz-transform:rotate(0)
    }
    50% {
        transform:rotate(45deg);
        -webkit-transform:rotate(45deg);
        -moz-transform:rotate(45deg)
    }
    100% {
        transform:rotate(0);
        -webkit-transform:rotate(0);
        -moz-transform:rotate(0)
    }
}
@keyframes hoverAnimationScale {
    0% {
        transform:scale(1);
        -webkit-transform:scale(1);
        -moz-transform:scale(1)
    }
    50% {
        transform:scale(1.2);
        -webkit-transform:scale(1.2);
        -moz-transform:scale(1.2)
    }
    100% {
        transform:scale(1);
        -webkit-transform:scale(1);
        -moz-transform:scale(1)
    }
}
@keyframes hoverAnimationScaleX {
    0% {
        transform:scaleX(1);
        -webkit-transform:scaleX(1);
        -moz-transform:scaleX(1)
    }
    50% {
        transform:scaleX(1.2);
        -webkit-transform:scaleX(1.2);
        -moz-transform:scaleX(1.2)
    }
    100% {
        transform:scaleX(1);
        -webkit-transform:scaleX(1);
        -moz-transform:scaleX(1)
    }
}
@keyframes hoverVolumeAnimation {
    0% {
        opacity:1
    }
    50% {
        opacity:0
    }
    100% {
        opacity:1
    }
}
.volume-hover-animation {
    animation:hoverVolumeAnimation .3s 1;
    -moz-animation:hoverVolumeAnimation .3s 1;
    -webkit-animation:hoverVolumeAnimation .3s 1;
    -o-animation:hoverVolumeAnimation .3s 1
}
@keyframes hoverPlayButtonAnimation {
    0% {
        width:63px;
        height:63px;
        border:7px solid #fff
    }
    60% {
        width:90px;
        height:90px;
        border:7px solid rgba(255, 255, 255, .51)
    }
    100% {
        width:97px;
        height:97px;
        border:14px solid rgba(255, 255, 255, 0)
    }
}
@keyframes warn {
    0% {
        transform:scale(1);
        opacity:0
    }
    25% {
        transform:scale(1);
        opacity:.1
    }
    50% {
        transform:scale(1.1);
        opacity:.3
    }
    75% {
        transform:scale(1.5);
        opacity:.5
    }
    100% {
        transform:scale(2);
        opacity:0
    }
}
.big-playbtn-hover-animation {
    animation:warn 1s ease-out;
    -moz-animation:warn 1s ease-out;
    -webkit-animation:warn 1s ease-out;
    -o-animation:warn 1s ease-out
}
.big-playbtn-hover-animation1 {
    animation:hoverPlayButtonAnimation 1s 1;
    -moz-animation:hoverPlayButtonAnimation 1s 1;
    -webkit-animation:hoverPlayButtonAnimation 1s 1;
    -o-animation:hoverPlayButtonAnimation 1s 1
}
.prism-player {
    background-color:#000;
    position:relative
}
.prism-player a {
    text-decoration:none
}
.prism-player video {
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    -moz-transform:translate(-50%, -50%);
    -webkit-transform:translate(-50%, -50%);
    -o-transform:translate(-50%, -50%);
    -ms-transform-origin:center;
    -moz-transform-origin:center;
    -webkit-transform-origin:center;
    -o-transform-origin:center
}
.prism-player .x5-full-screen {
    object-fit:fill;
    object-position:50% 50%
}
.prism-player .x5-top-left {
    object-fit:contain;
    object-position:0 0
}
.prism-player .prism-cover {
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:cover;
    position:absolute;
    top:0;
    left:0;
    z-index:11
}
.prism-player .prism-ErrorMessage {
    width:100%;
    height:100%;
    background-color:#000;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    position:absolute;
    z-index:99;
    top:0;
    left:0;
    overflow:hidden;
    display:none
}
.prism-player .prism-ErrorMessage .prism-error-content {
    margin-top:20px;
    padding:0 5px
}
.prism-player .prism-ErrorMessage .prism-error-content p {
    text-align:center;
    font-size:12px;
    color:#fff
}
.prism-player .prism-ErrorMessage .prism-error-operation {
    margin-top:10px;
    margin-bottom:10px;
    padding-bottom:5px;
    border-bottom:1.5px;
    border-bottom-color:rgba(255, 255, 255, .15);
    border-bottom-style:dotted;
    text-align:center
}
.prism-player .prism-ErrorMessage .prism-error-operation a {
    width:80px;
    height:32px;
    line-height:32px;
    vertical-align:top;
    display:inline-block;
    margin-left:10px
}
.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh {
    color:#21c5e0;
    border:solid 1px #21c5e0
}
.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh:hover {
    color:#05d3f5;
    border-color:#05d3f5;
    cursor:pointer
}
.prism-player .prism-ErrorMessage .prism-error-operation a.prism-button-refresh:active {
    color:#026a7b;
    border-color:#026a7b
}
.prism-player .prism-ErrorMessage .prism-error-operation .prism-button-orange:visited {
    color:#05d3f5
}
.prism-player .prism-ErrorMessage .prism-detect-info {
    color:#fff;
    font-size:10px
}
.prism-player .prism-ErrorMessage .prism-detect-info p {
    padding:0 5px;
    word-break:break-all;
    margin:0 0 4px
}
.prism-player .prism-ErrorMessage .prism-detect-info span.info-label {
    display:inline-block;
    font-weight:700
}
.prism-player .prism-ErrorMessage .prism-detect-info span.info-content {
    color:gray
}
.prism-player .prism-big-play-btn {
    display:none;
    z-index:1000
}
.prism-player .prism-controlbar {
    width:100%;
    height:44px;
    position:relative;
    z-index:10;
    font-size:14px
}
.prism-player .prism-controlbar .prism-controlbar-bg {
    background:rgba(75, 75, 75, .15);
    width:100%;
    height:40px;
    position:absolute;
    bottom:0;
    left:0;
    z-index:-1
}
.prism-player .prism-time-display {
    height:40px;
    line-height:40px;
    color:#a4aab3;
    font-size:12px
}
.prism-player .prism-time-display .current-time {
    color:#fff
}
.prism-player .prism-live-time-display {
    height:44px;
    line-height:44px;
    color:#a4aab3;
    font-size:12px
}
.prism-player .prism-live-time-display span {
    display:inline
}
.prism-player .prism-live-time-display .live-text {
    margin-left:5px;
    font-size:12px;
    color:#ebecec
}
.prism-player .prism-live-time-display .current-time {
    color:#fff
}
.prism-player .prism-fullscreen-btn:hover {
    animation:hoverAnimationScale 1s 1;
    -moz-animation:hoverAnimationScale 1s 1;
    -webkit-animation:hoverAnimationScale 1s 1;
    -o-animation:hoverAnimationScale 1s 1
}
.prism-player .prism-liveshift-progress, .prism-player .prism-progress {
    bottom:40px!important;
    width:100%;
    height:4px;
    background:rgba(195, 197, 198, .5);
    box-shadow:inset 1px 1px 1px 0 rgba(0, 0, 0, .06);
    position:relative;
    cursor:pointer
}
.prism-player .prism-liveshift-progress .prism-progress-time, .prism-player .prism-progress .prism-progress-time {
    position:absolute;
    top:-25px;
    background:rgba(0, 0, 0, .8);
    box-shadow:0 0 5px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow:0 0 5px 0 rgba(0, 0, 0, .1);
    color:#fff;
    font-size:14px;
    border-radius:7.5px;
    padding:0 6px 0 6px;
    text-align:center;
    white-space:nowrap
}
.prism-player .prism-liveshift-progress .prism-progress-loaded, .prism-player .prism-progress .prism-progress-loaded {
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:100%;
    background:#c3c5c6
}
.prism-player .prism-liveshift-progress .prism-progress-played, .prism-player .prism-progress .prism-progress-played {
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:100%;
    background-color:#00c1de
}
.prism-player .prism-liveshift-progress .prism-progress-cursor, .prism-player .prism-progress .prism-progress-cursor {
    position:absolute;
    border-radius:8px;
    top:-5px;
    width:16px;
    height:16px;
    overflow:hidden;
    box-sizing:content-box;
    background:url(./img/player_img/dragcursorhover.png) center;
    display:none
}
.prism-player .prism-liveshift-progress .prism-progress-cursor img, .prism-player .prism-progress .prism-progress-cursor img {
    width:14px;
    height:14px;
    position:absolute;
    top:50%;
    left:50%;
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}
.prism-player .prism-liveshift-progress .cursor-hover, .prism-player .prism-progress .cursor-hover {
    border-radius:9px;
    width:18px;
    height:18px;
    top:-5px!important
}
.prism-player .prism-liveshift-progress .cursor-hover img, .prism-player .prism-progress .cursor-hover img {
    width:16px;
    height:16px
}
.prism-player .prism-liveshift-progress .prism-progress-marker, .prism-player .prism-progress .prism-progress-marker {
    width:100%;
    height:100%;
    position:absolute
}
.prism-player .prism-liveshift-progress .prism-progress-marker .prism-marker-dot, .prism-player .prism-progress .prism-progress-marker .prism-marker-dot {
    position:absolute;
    background:#d9edf7;
    width:5px;
    height:100%;
    border-radius:20%
}
.prism-player .prism-progress-hover {
    cursor:pointer;
    height:6px;
    transition:height .1s
}
.prism-player .prism-progress-hover .prism-marker-dot {
    width:10px;
    height:80%;
    top:8%;
    border-radius:30%
}
.prism-player .prism-progress-hover .prism-progress-cursor {
    top:-4px
}
.prism-player .prism-liveshift-progress {
    background:0 0
}
.prism-player .prism-liveshift-progress .prism-enable-liveshift {
    cursor:pointer;
    position:absolute;
    background:#fff;
    height:4px
}
.prism-player .prism-liveshift-progress .prism-enable-liveshift:hover {
    height:6px;
    transition:height .1s
}
.prism-player .prism-liveshift-progress .prism-liveshift-seperator {
    height:15px;
    position:absolute;
    right:0;
    top:-8px;
    color:#fff;
    margin-right:5px;
    margin-left:5px;
    right:-65px
}
.prism-player .prism-marker-text {
    padding:5px;
    background:rgba(0, 0, 0, .8);
    position:absolute;
    max-width:180px;
    max-height:100px;
    bottom:50px;
    color:#fff;
    border-radius:3px;
    z-index:9999;
    display:none;
    overflow:auto
}
.prism-player .prism-marker-text p {
    text-align:center;
    word-break:break-all;
    margin:0;
    font-size:12px
}
.prism-player .prism-loading {
    width:55px;
    height:55px;
    z-index:10
}
.prism-player .prism-loading .circle {
    background-color:rgba(0, 0, 0, 0);
    border:5px solid;
    border-color:rgba(0, 193, 222, .2) rgba(0, 193, 222, .5) rgba(0, 193, 222, .7) rgba(0, 193, 222, .1);
    opacity:.9;
    border-radius:50px;
    width:45px;
    height:45px;
    margin:0 auto;
    -moz-animation:spinoffPulse .9s infinite linear;
    -webkit-animation:spinoffPulse .9s infinite linear
}
.prism-player .prism-hide {
    display:none
}
.prism-player .prism-snapshot-btn {
    width:32px;
    height:32px;
    background:url(./img/player_img/snapshot.png) no-repeat;
    background-size:contain
}
.prism-player .prism-snapshot-btn:hover {
    animation:hoverAnimationScale 1s 1;
    -moz-animation:hoverAnimationScale 1s 1;
    -webkit-animation:hoverAnimationScale 1s 1;
    -o-animation:hoverAnimationScale 1s 1;
    cursor:pointer
}
.prism-player .prism-snapshot-btn:active {
    displa:block
}
.prism-player .prism-info-display {
    width:100%;
    color:#fff;
    font-size:18px;
    text-align:center;
    top:50%;
    position:absolute;
    z-index:900;
    height:44px;
    line-height:28px;
    font-size:16px;
    padding:10px 12px 10px 12px
}
.prism-player .prism-info-display span {
    color:#00c1de
}
.prism-player .prism-info-left-bottom {
    width:auto!important;
    top:auto!important;
    bottom:70px;
    left:20px!important;
    text-align:left
}
.prism-player .prism-info-top-center {
    width:auto!important;
    top:20px!important;
    left:50%!important;
    text-align:left!important;
    -ms-transform:translateX(-50%)!important;
    transform:translateX(-50%)!important;
    color:red!important
}
.prism-player .prism-info-black {
    color:#000!important
}
.prism-player .prism-auto-stream-selector {
    position:absolute;
    bottom:50%;
    width:100%;
    margin:auto;
    color:#efeff4;
    display:none
}
.prism-player .prism-auto-stream-selector p.tip-text {
    text-align:center
}
.prism-player .prism-auto-stream-selector .operators {
    width:100px;
    margin:auto
}
.prism-player .prism-button-cancel {
    font-size:16px;
    border:1px #ffffffa8 solid;
    padding:2px 5px 2px 5px;
    color:#ffffffa8;
    margin-left:5px;
    background:#503f3f3d
}
.prism-player .prism-button-ok {
    font-size:16px;
    border:1px #fff solid;
    padding:2px 5px 2px 5px;
    color:#fff;
    background:#503f3f63
}
.prism-player .prism-button-cancel:hover, .prism-player .prism-button-ok:hover {
    color:#f5f5f5
}
.prism-player .prism-cc-btn {
    height:24px;
    width:24px;
    background:url(../img/player_img/cc.png) center no-repeat;
    background-size:contain
}
.prism-player .prism-cc-btn:hover {
    cursor:pointer;
    animation:hoverAnimationScale 1s 1;
    -moz-animation:hoverAnimationScale 1s 1;
    -webkit-animation:hoverAnimationScale 1s 1;
    -o-animation:hoverAnimationScale 1s 1
}
.prism-player .prism-setting-btn {
    height:24px;
    width:24px;
    background:url(../img/player_img/setting.png) center no-repeat;
    background-size:contain
}
.prism-player .prism-setting-btn:hover {
    cursor:pointer;
    animation:hoverAnimationRotate 1s 1;
    -moz-animation:hoverAnimationRotate 1s 1;
    -webkit-animation:hoverAnimationRotate 1s 1;
    -o-animation:hoverAnimationRotate 1s 1
}
.prism-player .prism-setting-list {
    background:rgba(60, 60, 60, .95);
    width:220px;
    position:absolute;
    right:14px;
    bottom:45px;
    display:none;
    z-index:10000;
    text-align:left
}
.prism-player .prism-setting-list .prism-setting-item {
    font-size:14px;
    color:#ebecec;
    height:30px
}
.prism-player .prism-setting-list .prism-setting-item .setting-content {
    width:100%
}
.prism-player .prism-setting-list .prism-setting-item .setting-content:hover {
    background:rgba(216, 216, 216, .1);
    cursor:pointer
}
.prism-player .prism-setting-list .prism-setting-item .setting-content span {
    line-height:30px
}
.prism-player .prism-setting-list .prism-setting-item .setting-content .setting-title {
    margin-left:15px
}
.prism-player .prism-setting-list .prism-setting-item .setting-content .current-setting {
    float:right
}
.prism-player .prism-setting-list .prism-setting-item .array {
    display:inline-block;
    border-right:2px solid;
    border-bottom:2px solid;
    border-color:#fff;
    width:8px;
    height:8px;
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    margin-right:10px;
    margin-top:10px;
    margin-left:10px;
    float:right
}
.prism-player .prism-setting-selector {
    right:40px;
    position:absolute;
    bottom:45px;
    width:150px;
    background:rgba(60, 60, 60, .95);
    font-size:14px;
    color:#ebecec;
    display:none;
    z-index:10000;
    text-align:left
}
.prism-player .prism-setting-selector .header {
    background:#242424;
    width:150px;
    height:30px
}
.prism-player .prism-setting-selector .header:hover {
    cursor:pointer
}
.prism-player .prism-setting-selector .header .left-array {
    display:inline-block;
    border-left:2px solid;
    border-bottom:2px solid;
    border-color:#fff;
    width:8px;
    height:8px;
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    margin-right:6px;
    margin-top:12px;
    margin-left:16px;
    float:left
}
.prism-player .prism-setting-selector .header span {
    line-height:30px
}
.prism-player .prism-setting-selector ul {
    list-style-type:none;
    padding-left:0;
    max-height:150px;
    overflow-y:auto;
    padding-left:16px;
    margin-top:5px
}
.prism-player .prism-setting-selector ul li {
    height:28px;
    padding-left:10px
}
.prism-player .prism-setting-selector ul li.current {
    color:#30adf2;
    padding-left:0
}
.prism-player .prism-setting-selector ul li.current:before {
    content:"";
    display:inline-block;
    line-height:0;
    border:5px solid transparent;
    border-left-color:#30adf2;
    border-right-width:0;
    margin-top:5px;
    padding-right:5px
}
.prism-player .prism-setting-selector ul li:hover {
    background:rgba(216, 216, 216, .1);
    cursor:pointer
}
.prism-player .prism-setting-selector ul span {
    line-height:28px
}
.prism-player .prism-thumbnail {
    border:1px solid rgba(0, 0, 0, .8);
    width:174px;
    height:98px;
    position:absolute;
    bottom:50px;
    display:none
}
.prism-player .prism-thumbnail .none {
    border:none
}
.prism-player .prism-thumbnail span {
    font-size:12px;
    color:#fff;
    line-height:20px;
    background:rgba(0, 0, 0, .8);
    text-align:center;
    text-shadow:1px 1px 4px #373d41;
    padding-left:5px;
    padding-right:5px;
    display:inline-block;
    position:absolute;
    bottom:0;
    left:33%
}
.prism-player .prism-tooltip {
    background:#3c3c3c;
    box-shadow:0 0 5px 0 rgba(0, 0, 0, .1);
    height:28px;
    margin:0;
    padding-left:5px;
    padding-right:5px;
    padding-top:0;
    padding-bottom:0;
    position:absolute;
    bottom:50px;
    color:#fff;
    line-height:28px;
    font-size:10px;
    white-space:nowrap;
    display:none
}
:-webkit-full-screen {
    width:100%!important;
    height:100%!important
}
:-moz-full-screen {
    width:100%!important;
    height:100%!important
}
:-ms-full-screen {
    width:100%!important;
    height:100%!important
}
:-ms-fullscreen {
    width:100%!important;
    height:100%!important
}
:-webkit-full-screen {
    width:100%!important;
    height:100%!important
}
:-moz-full-screen {
    width:100%!important;
    height:100%!important
}
:fullscreen {
    width:100%!important;
    height:100%!important
}
body.prism-full-window {
    padding:0;
    margin:0;
    height:100%;
    overflow-y:auto
}
.prism-fullscreen {
    position:fixed;
    overflow:hidden;
    z-index:99999;
    left:0!important;
    top:0!important;
    bottom:0!important;
    right:0!important;
    width:100%!important;
    height:100%!important;
    position:absolute
}
.prism-button {
    cursor:pointer;
    text-align:center;
    text-shadow:0 1px 1px rgba(0, 0, 0, .3);
    border-radius:.5em;
    box-shadow:0 1px 2px rgba(0, 0, 0, .2)
}
.prism-button-orange {
    color:#a56117;
    border:solid 1px #a56117
}
.prism-button-retry {
    color:#f2dede;
    border:solid 1px #f2dede
}
.prism-button-orange:hover {
    color:#d67400;
    border-color:#d67400
}
.prism-button-orange:active {
    color:#d67400;
    border-color:#d67400
}
.prism-button-orange:visited {
    color:#d67400
}
.prism-button-retry:hover {
    color:#fcf8e3;
    border-color:#fcf8e3
}
.prism-button-retry:active {
    color:#fcf8e3;
    border-color:#fcf8e3
}
.prism-button-retry:visited {
    color:#fcf8e3
}
.prism-center {
    position:absolute;
    left:50%;
    -ms-transform:translateX(-50%);
    transform:translateX(-50%)
}
.prism-width90 {
    width:90%
}
.prism-stream-selector {
    font-size:16px;
    position:relative;
    line-height:32px
}
.prism-stream-selector .current-stream-selector {
    text-align:center;
    width:70px;
    display:none;
    color:#efeff4
}
.prism-stream-selector .current-stream-selector:hover {
    cursor:pointer;
    color:#00c1de
}
.prism-stream-selector .stream-selector-tip {
    color:#fff;
    text-align:center;
    padding:2px 5px 2px 5px;
    display:none;
    position:absolute;
    bottom:61.5px;
    white-space:nowrap;
    left:43%;
    font-size:18px
}
.prism-stream-selector .stream-selector-list {
    position:absolute;
    bottom:32px;
    background:rgba(0, 0, 0, .5);
    color:#efeff4;
    padding:5px 5px 0 5px;
    width:70px;
    margin:0;
    display:none
}
.prism-stream-selector .stream-selector-list li {
    list-style-type:none;
    text-align:center;
    white-space:nowrap;
    padding:0 2px 0 2px;
    line-height:24px
}
.prism-stream-selector .stream-selector-list li:last-child {
    margin-bottom:10px
}
.prism-stream-selector .stream-selector-list li.current {
    color:#00c1de
}
.prism-stream-selector .stream-selector-list li span.current {
    color:#00c1de
}
.prism-stream-selector .stream-selector-list li:hover {
    cursor:pointer;
    color:#00c1de
}
.prism-speed-selector {
    font-size:16px;
    position:relative;
    line-height:32px
}
.prism-speed-selector .current-speed-selector {
    color:#efeff4;
    text-align:center;
    width:60px
}
.prism-speed-selector .current-speed-selector:hover {
    cursor:pointer;
    color:#00c1de
}
.prism-speed-selector .speed-selector-list {
    position:absolute;
    bottom:32px;
    background:rgba(0, 0, 0, .5);
    color:#efeff4;
    padding:5px 5px 0 5px;
    display:none;
    margin:0
}
.prism-speed-selector .speed-selector-list li {
    list-style-type:none;
    text-align:center;
    white-space:nowrap;
    padding:0 2px 0 2px;
    line-height:24px
}
.prism-speed-selector .speed-selector-list li:last-child {
    margin-bottom:10px
}
.prism-speed-selector .speed-selector-list li.current {
    color:#00c1de
}
.prism-speed-selector .speed-selector-list li span.current {
    color:#00c1de
}
.prism-speed-selector .speed-selector-list li:hover {
    cursor:pointer;
    color:#00c1de
}
.prism-ai-container {
    position:absolute;
    overflow:hidden
}
.prism-ai-container .prism-ai-marking {
    font-size:12px;
    position:absolute
}
.prism-ai-container .prism-ai-marking[vh=large] {
    font-size:18px
}
.prism-ai-container .prism-ai-marking[vh=middle] {
    font-size:16px
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region {
    position:relative;
    display:inline-block
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title {
    height:0;
    -ms-transform:translateY(-40px);
    transform:translateY(-40px)
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title p {
    background:#ff1d00;
    text-align:center;
    width:100%;
    color:#fff;
    word-break:keep-all;
    margin:10px 0 0 0
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title .top-left-anchor {
    width:5px;
    height:5px;
    border-top-color:red;
    border-top-style:solid;
    border-left-color:red;
    border-left-style:solid;
    border-width:1px;
    -ms-transform:translate(-5px, 10px);
    transform:translate(-5px, 10px)
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-title .top-right-anchor {
    width:5px;
    height:5px;
    border-top-color:red;
    border-top-style:solid;
    border-right-color:red;
    border-right-style:solid;
    border-width:1px;
    -ms-transform:translate(5px, 5px);
    transform:translate(5px, 5px);
    float:right
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect {
    border-style:solid;
    border-color:#ff1d00;
    border-width:1px;
    box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    color:rgba(255, 29, 0, .3);
    background:rgba(255, 29, 0, .1)
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect .prism-ai-slash-container {
    overflow:hidden;
    width:100%;
    height:100%;
    position:absolute
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect .prism-ai-slash {
    content:"";
    display:block;
    box-sizing:border-box;
    border-top-width:1px;
    border-top-style:solid;
    height:10px;
    margin-top:15px;
    border-bottom-width:1px;
    border-bottom-style:solid;
    transform:rotateZ(-45deg) scaleX(2);
    -ms-transform-origin:bottom center;
    transform-origin:bottom center
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .prism-ai-rect .prism-ai-top-slash {
    margin-top:-10px!important
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .anchor-plug {
    position:absolute
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .top-left {
    top:-7px;
    left:-2px
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .top-right {
    top:-7px;
    right:-2px
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .bottom-left {
    bottom:-8px;
    left:-2px
}
.prism-ai-container .prism-ai-marking .prism-ai-rect-region .bottom-right {
    bottom:-8px;
    right:-2px
}
.prism-ai-container .prism-ai-marking .prism-ai-labels {
    color:#fff;
    float:right;
    background:rgba(0, 0, 0, .4);
    padding-top:5px;
    padding-bottom:5px
}
.prism-ai-container .prism-ai-marking .prism-ai-labels p {
    text-align:left;
    padding-left:5px;
    padding-right:5px;
    margin:0
}
.prism-ai-container .prism-ai-marking .prism-ai-labels a {
    padding-left:5px;
    padding-right:5px
}
.prism-ai-container .prism-ai-marking .prism-ai-labels p[vh=large] {
    padding-left:25px;
    padding-right:25px
}
.prism-ai-container .prism-ai-marking .prism-ai-labels p[vh=middle] {
    padding-left:15px;
    padding-right:15px
}
video::-webkit-media-text-track-container {
    overflow:visible!important
}
video::cue {
    line-height:1.7
}
.disabled {
    pointer-events:none;
    color:gray
}
.center {
    position:absolute;
    top:50%;
    left:50%;
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}