.npplayer-content{position:relative;left:0;top:0;width:100%;height:100%;display:block;font-size:0;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:50%;background-image:""}.npplayer-content *{padding:0;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-khtml-user-select:none;user-select:none}@font-face{font-family:icomoon;src:url(./img/icomoon.eot);src:url(./img/icomoon.eot#iefix) format("embedded-opentype"),url(./img/icomoon.ttf) format("truetype"),url(./img/icomoon.woff) format("woff"),url(./img/icomoon.svg#icomoon) format("svg");font-weight:400;font-style:normal}.npplayer-content.npplayer-content-full{position:fixed;top:0;left:0;z-index:10000}.npplayer-content.npplayer-bg-img{background:url(./img/bgCenter.png) 50% no-repeat,#333}.npplayer-content.npplayer-bg-img-error{background:url(./img/errorBgCenter.png) 50% no-repeat,#333}.npplayer-content.ptz-up{cursor:url(./img/up.ico),auto}.npplayer-content.ptz-leftup{cursor:url(./img/leftup.ico),auto}.npplayer-content.ptz-left{cursor:url(./img/left.ico),auto}.npplayer-content.ptz-rightup{cursor:url(./img/rightup.ico),auto}.npplayer-content.ptz-down{cursor:url(./img/down.ico),auto}.npplayer-content.ptz-leftdown{cursor:url(./img/leftdown.ico),auto}.npplayer-content.ptz-rightdown{cursor:url(./img/rightdown.ico),auto}.npplayer-content.ptz-right{cursor:url(./img/right.ico),auto}.npplayer-content .npplayer-video-layer{overflow:hidden;z-index:1;background-repeat:no-repeat;background-position:50%;background-size:contain;pointer-events:none;position:absolute;left:0;top:0;width:100%;height:100%}.npplayer-content .npplayer-video-layer video{object-fit:fill;width:100%;height:100%;position:absolute}.npplayer-content .npplayer-video-layer .npplayer-videoCanvas{position:absolute;left:0;top:0;display:none;width:100%;height:100%;overflow:hidden}.npplayer-content .npplayer-video-layer .npplayer-image-container{position:absolute;left:0;right:0;top:0;bottom:0;background-repeat:no-repeat;background-position:50%;background-size:contain}.npplayer-content .npplayer-loading-container{z-index:2;display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.npplayer-content .npplayer-loading-container .npplayer-loading{position:absolute;top:50%;left:50%;width:80px;height:80px;margin-top:-40px;margin-left:-40px;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;-webkit-animation:spin 2s infinite linear;animation:spin 2s infinite linear;font-family:icomoon!important;font-size:80px;color:#e48e00;font-style:normal;font-weight:400;font-variant:normal;speak:none;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:bottom}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.npplayer-content .npplayer-loading-container .npplayer-loading:before{content:"\E983"}.npplayer-content .npplayer-loading-container .npplayer-loading-info{margin-top:50px;color:#7f7f7f}.npplayer-content .npplayer-error-info,.npplayer-content .npplayer-loading-container .npplayer-loading-info{opacity:1;position:absolute;display:inline-block;width:100%;top:50%;font-size:15px;text-align:center;overflow:hidden;word-break:break-all;white-space:nowrap}.npplayer-content .npplayer-error-info{z-index:3;left:0;margin-top:60px;color:hsla(0,0%,100%,.3);pointer-events:none}.npplayer-content .videoplay-event-show{position:absolute;z-index:3;font-size:12px;color:#fff;top:50%;width:100px;height:30px;left:50%;margin-left:-50px;margin-top:-15px;line-height:30px;text-align:center;background-image:linear-gradient(90deg,rgba(0,0,0,.1),rgba(0,0,0,.6) 50%,rgba(0,0,0,.1))}.npplayer-content .npplayer-izooming-layer{position:absolute;left:0;top:0;width:100%;height:100%;z-index:8}.npplayer-content .npplayer-izooming-layer.openhand_cursor{cursor:url(./img/openhand.cur),auto}.npplayer-content .npplayer-izooming-layer.closehand_cursor{cursor:url(./img/closedhand.cur),auto}.npplayer-content .toolbar-panel{z-index:10;opacity:0;position:absolute;transition:opacity .8s;-webkit-transition:opacity .8s;-moz-transition:opacity .8s;-ms-transition:opacity .8s}.npplayer-content .toolbar-panel-inner{width:100%;height:100%;overflow:hidden}.npplayer-content .topBar{top:0;background-image:linear-gradient(0deg,transparent,rgba(0,0,0,.4))}.npplayer-content .bottomBar,.npplayer-content .topBar{position:absolute;left:0;right:0;height:40px;padding:0 10px}.npplayer-content .bottomBar{bottom:0;background-image:linear-gradient(0deg,rgba(0,0,0,.4),transparent)}.npplayer-content .toolbar-item{display:inline-block;font-size:12px;color:#fff;cursor:pointer}.npplayer-content .item-static{max-width:40%;margin:0 3px;padding-top:11px;padding-bottom:9px;font-size:12px;color:#fff}.npplayer-content .item-button{cursor:pointer}.npplayer-content .bottomBar .item-button,.npplayer-content .topBar .item-button{margin:13px 6px}.npplayer-content .item-button-icon{display:inline-block;margin:6px}.npplayer-content .toolbar-item-btn{display:inline-block;height:100%;margin-top:7px;cursor:pointer}.npplayer-content .toolbar-item-btn i{display:inline-block;margin:6px}.npplayer-content .toolbar-drop-list{display:inline-block}.npplayer-content .toolbar-drop-item{width:100%;height:100%}.npplayer-content .video-rate,.npplayer-content .video-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.npplayer-content .video-rate{min-width:44px;text-align:center}.npplayer-content .video-close{width:16px;height:16px;background:url(./img/icons.png) no-repeat -312px -1px}.npplayer-content .video-close:hover{background:url(./img/icons_hover.png) no-repeat -312px -1px}.npplayer-content .video-printscreen{width:16px;height:16px;background:url(./img/icons.png) no-repeat -182px 0}.npplayer-content .video-printscreen:hover{background:url(./img/icons_hover.png) no-repeat -182px 0}.npplayer-content .video-rotate{width:16px;height:16px;background:url(./img/video-rotate-normal.png) no-repeat}.npplayer-content .video-rotate:hover{background:url(./img/video-rotate-hover.png) no-repeat}.npplayer-content .video-fullscreen{width:16px;height:16px;background:url(./img/icons.png) no-repeat -156px 0}.npplayer-content .video-fullscreen:hover{background:url(./img/icons_hover.png) no-repeat -156px 0}.npplayer-content .video-ratio{width:16px;height:16px;background:url(./img/icons.png) no-repeat -363px -1px}.npplayer-content [data-id=videoRatio]:hover .video-ratio{background:url(./img/icons_hover.png) no-repeat -363px -1px}.npplayer-content .video-izoom{width:16px;height:16px;background:url(./img/icons.png) no-repeat -388px 0}.npplayer-content .video-izoom:hover{width:16px;height:16px;background:url(./img/icons_hover.png) no-repeat -388px 0}.npplayer-content .video-inizoom{width:16px;height:16px;background:url(./img/icons_hover.png) no-repeat -388px 0}.npplayer-content .video-inizoom:hover{width:16px;height:16px;background:url(./img/icons.png) no-repeat -388px 0}.npplayer-content .video-sound-off{width:16px;height:16px;background:url(./img/icons.png) no-repeat -208px 0}.npplayer-content .video-sound-off:hover{width:16px;height:16px;background:url(./img/icons_hover.png) no-repeat -208px 0}.npplayer-content .video-sound-on{width:16px;height:16px;background:url(./img/icons.png) no-repeat -286px 0}.npplayer-content .video-sound-on:hover{width:16px;height:16px;background:url(./img/icons_hover.png) no-repeat -286px 0}.npplayer-content .video-sound-disable{width:16px;height:16px;opacity:.5;background:url(./img/icons.png) no-repeat -208px 0}.npplayer-content .video-pause{width:16px;height:16px;background:url(./img/icons.png) no-repeat -25px 0}.npplayer-content .video-pause:hover{width:16px;height:16px;background:url(./img/icons_hover.png) no-repeat -25px 0}.npplayer-content .video-play{width:16px;height:16px;background:url(./img/icons.png) no-repeat 0 0}.npplayer-content .video-play:hover{width:16px;height:16px;background:url(./img/icons_hover.png) no-repeat 0 0}.npplayer-content .slow-play{width:16px;height:16px;background:url(./img/icons.png) no-repeat -104px 0}.npplayer-content .slow-play:hover{width:16px;height:16px;background:url(./img/icons_hover.png) no-repeat -104px 0}.npplayer-content .fast-play{width:16px;height:16px;background:url(./img/icons.png) no-repeat -78px 0}.npplayer-content .fast-play:hover{width:16px;height:16px;background:url(./img/icons_hover.png) no-repeat -78px 0}.npplayer-content .step-play{width:16px;height:16px;background:url(./img/icons.png) no-repeat -130px 0}.npplayer-content .step-play:hover{width:16px;height:16px;background:url(./img/icons_hover.png) no-repeat -130px 0}.npplayer-content .fast-forward{width:16px;height:18px;background:url(./img/fastforward.png) no-repeat}.npplayer-content .fast-forward:hover{width:16px;height:18px;background:url(./img/fastforward_hover.png) no-repeat}.npplayer-content .fast-backward{width:16px;height:18px;background:url(./img/fastbackward.png) no-repeat}.npplayer-content .fast-backward:hover{width:16px;height:18px;background:url(./img/fastbackward_hover.png) no-repeat}.npplayer-content .static-menu-box{width:50px;height:100%;text-align:center;background:transparent}.npplayer-content .static-menu-box:hover .static-menu-text{background:#e48e00}.npplayer-content .static-menu-text{display:inline-block;position:relative;width:40px;height:18px;font-weight:inherit;color:#fff;background:#787d82;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;vertical-align:middle;cursor:pointer;transition:background .3s;-moz-transition:background .3s;-o-transition:background .3s;-webkit-transition:background .3s}.npplayer-content .static-menu-text:hover{background:#e48e00}.npplayer-content .select-menu-text{display:inline-block;position:relative;width:40px;vertical-align:middle;cursor:pointer;color:#fff;font-size:12px;line-height:30px;text-align:center}.npplayer-content .select-menu-text:hover{color:#e48e00}.npplayer-content .video-menu-list-box{display:none;position:absolute;left:50%;width:66px;height:auto;font-size:12px;background:#fff;border:1px solid #e48e00;transform:translate(-50%);-webkit-transform:translate(-50%);-ms-transform:translate(-50%);-moz-transform:translate(-50%)}.npplayer-content .video-menu-list-box.left-top,.npplayer-content .video-menu-list-box.right-top{top:100%;padding:10px 0;border-top:none}.npplayer-content .video-menu-list-box.left-bottom,.npplayer-content .video-menu-list-box.right-bottom{bottom:25px;padding-bottom:10px;border-bottom:none}.npplayer-content .video-menu-list-li{display:block;width:100%;height:22px;line-height:22px;text-align:center;color:#787d82;cursor:pointer}.npplayer-content .video-menu-list-li.active{color:#e48e00;font-weight:700}.npplayer-content .video-menu-list-li.not-allowed{color:#999;cursor:not-allowed}.npplayer-content .checked-icon{display:none;width:8px;height:8px;background:#e48e00;border-radius:4px;vertical-align:middle}.npplayer-content .video-menu-list-li.active .checked-icon{display:inline-block}.npplayer-content .toolbar-menu-icon-box{float:left;width:16px;height:100%}.npplayer-content .toolbar-menu-text-text{display:inline-block;padding-left:6px;font-size:12px}.npplayer-content .cur-rate{width:35px;height:100%;padding-top:13px;text-align:center;font-size:12px;font-weight:700;color:#e48e00}.npplayer-content .video-time{height:100%;padding-top:13px;font-size:12px;color:#fff}.npplayer-content .video-progress{display:none;position:absolute;left:10px;right:10px;bottom:37px;height:3px;background:#ccc6c1}.npplayer-content .video-progress:before{content:"";position:absolute;left:0;right:0;top:-4px;bottom:3px}.npplayer-content .video-progress:after{content:"";position:absolute;left:0;right:0;top:3px;bottom:-4px}.npplayer-content .video-progress:hover{-webkit-transform:scaleY(2) translateZ(0);-ms-transform:scaleY(2) translateZ(0);transform:scaleY(2) translateZ(0)}.npplayer-content .video-progress:hover .video-circle-range{-webkit-transform:scale(1.4,.7) translateZ(0);-ms-transform:scale(1.4,.7) translateZ(0);transform:scale(1.4,.7) translateZ(0)}.npplayer-content .video-progress:hover .video-mark-contaner,.npplayer-content .video-progress:hover .video-progress-tip{-webkit-transform:scaleY(.5) translateZ(0);-ms-transform:scaleY(.5) translateZ(0);transform:scaleY(.5)}.npplayer-content .video-progress-detail{position:relative;width:100%;height:100%}.npplayer-content .video-progress-buffered{position:absolute;left:0;top:0;width:0;height:100%;background:hsla(0,0%,100%,.6)}.npplayer-content .video-progress-real{position:relative;width:0;height:100%;background:#e48e00}.npplayer-content .video-circle-range{position:absolute;top:-4px;left:0;width:10px;height:10px;margin-left:-5px;background:#fff;border:1px solid #e48e00;border-radius:50%}.npplayer-content .video-progress-tip{visibility:hidden;position:absolute;bottom:0;padding:5px;word-break:keep-all;white-space:nowrap;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#000;background:#fff;animation:zoomIn .2s}.npplayer-content.hoverClass .toolbar-panel{opacity:1}