.wob_model_pro_videopop{margin-bottom:0}.wob_model_pro_videopop .pro-videopop-box{color:#fff;position:fixed;left:16px;bottom:140px;width:180px;height:320px;cursor:pointer;z-index:301;background:#fff;border-radius:12px;overflow:hidden}.wob_model_pro_videopop .pro-videopop-box .box-close-btn{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;top:6px;right:6px;z-index:10;cursor:pointer}.wob_model_pro_videopop .pro-videopop-box .box-close-btn:hover{background-color:rgb(var(--color-button))}.wob_model_pro_videopop .pro-videopop-box .videobox{width:100%;height:100%}.wob_model_pro_videopop .pro-videopop-box .videobox video{width:100%;height:100%;object-fit:cover}.wob_model_pro_videopop .pro-videopop-box .box-play-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;position:absolute;bottom:10px;left:10px;z-index:10;background:#fff;border-radius:50px;opacity:.8}.wob_model_pro_videopop .pro-videopop-box .box-play-btn .btnbox{width:80%;height:80%;display:none;align-items:center;justify-content:center;cursor:pointer;color:#111}.wob_model_pro_videopop .pro-videopop-box .box-play-btn .active{display:flex}.wob_model_pro_videopop .pro-videopop-box .box-play-btn .btnbox:hover svg{color:rgb(var(--color-button))}.wob_model_pro_videopop .pro-videopop-box .progress-bar{width:100%;height:3px;background-color:#ffffff80;border-radius:50px;overflow:hidden;position:absolute;left:0;bottom:0;z-index:10}.wob_model_pro_videopop .pro-videopop-box .progress-bar .progress{width:0%;height:100%;background-color:rgb(var(--color-button));display:block}@media (max-width:1080px){.wob_model_pro_videopop .pro-videopop-box{left:0;bottom:120px}}@media (max-width:520px){.wob_model_pro_videopop .pro-videopop-box{left:10px;bottom:80px;width:106px;height:188px;border-radius:8px}.wob_model_pro_videopop .pro-videopop-box .box-close-btn{width:20px;height:20px;background-color:rgba(var(--color-button),1)}.wob_model_pro_videopop .pro-videopop-box .box-play-btn{width:24px;height:24px}.wob_model_pro_videopop .pro-videopop-box .progress-bar{height:2px}}.wob_global_popupbox_provideo .wob_global_popupbox_con{width:100%;height:100%;left:0;top:0;transform:none;border-radius:0;animation:wosFullPopupModelCon2 .5s ease;background-color:#000000b3}.wob_global_popupbox_provideo .wob_global_popupbox_con .contentbox{width:100%;height:100%}.wob_global_popupbox_provideo .wob_global_popupbox_con .contentbox .provideo_pop_close{position:absolute;right:20px;top:20px;width:26px;height:26px;cursor:pointer;z-index:100;display:block}.wob_global_popupbox_provideo .wob_global_popupbox_con .contentbox .provideo_pop_close:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:85%;height:2px;background:#fff;border-radius:50px}.wob_global_popupbox_provideo .wob_global_popupbox_con .contentbox .provideo_pop_close:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:2px;height:85%;background:#fff;border-radius:50px}.wob_global_popupbox_provideo .wob_global_popupbox_con .pop_content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.wob_global_popupbox_provideo .pop_content .slideshow-list{width:100%;position:relative;overflow:hidden}.wob_global_popupbox_provideo .pop_content .video-list{width:100%;height:100%;display:flex;flex-direction:column;cursor:pointer}.wob_global_popupbox_provideo .pop_content .video-list .video-li{width:100%;height:100%;position:relative;display:inline-block;flex-shrink:0}.wob_global_popupbox_provideo .pop_content .video-list .video-li .libox{width:max-content;height:100%;margin:auto;position:relative}.wob_global_popupbox_provideo .pop_content .video-list .video-li .libox .libox-audio-box{position:absolute;right:20px;top:20px;width:36px;height:36px;z-index:10}.wob_global_popupbox_provideo .pop_content .video-list .video-li .libox .libox-audio-box .audiobox{width:100%;height:100%;display:none;color:#fff}.wob_global_popupbox_provideo .pop_content .video-list .video-li .libox .libox-audio-box .audiobox.active{display:block}.wob_global_popupbox_provideo .pop_content .video-list .video-li .libox .libox-audio-box .audiobox:hover svg{color:rgb(var(--color-button))}.wob_global_popupbox_provideo .pop_content .video-list .video-li .libox .libox-video{width:auto;max-width:100%;height:100%;position:relative}.wob_global_popupbox_provideo .pop_content .video-list .video-li .libox video{width:auto;max-width:100%;height:100%;object-fit:contain;margin:auto;display:block}.wob_global_popupbox_provideo .pop_content .video-list .video-li .libox .libox-pause{position:absolute;left:50%;top:50%;width:150px;height:150px;color:#fff;transform:translate(-50%,-50%);z-index:10;opacity:.8;display:none}.wob_global_popupbox_provideo .pop_content .video-list .video-li .libox .libox-pause:hover svg{color:rgb(var(--color-button))}.wob_global_popupbox_provideo .pop_content .video-list .video-li .libox .libox-pause.active{display:block}.wob_global_popupbox_provideo .pop_content .video-list .video-li .libox .libox-progress{width:100%;height:4px;background-color:#ffffff80;overflow:hidden;position:absolute;left:0;bottom:0;z-index:10}.wob_global_popupbox_provideo .pop_content .video-list .video-li .libox .libox-progress .progress-con{width:0%;height:100%;background-color:rgb(var(--color-button));display:block}.wob_global_popupbox_provideo .pop_content .video-btnbox{width:max-content;display:flex;flex-direction:column;align-items:center;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.wob_global_popupbox_provideo .pop_content .video-btnbox .slide-icon{width:40px;height:40px;cursor:pointer;margin:6px 0;background-color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center}.wob_global_popupbox_provideo .pop_content .video-btnbox .slide-icon:hover{background-color:rgb(var(--color-button))}.wob_global_popupbox_provideo .pop_content .video-btnbox .slide-icon svg{width:80%;height:auto;color:rgb(var(--color-button))}.wob_global_popupbox_provideo .pop_content .video-btnbox .slide-icon:hover svg{color:#fff}.wob_global_popupbox_provideo .pop_content .video-btnbox .slide-icon-left{transform:rotate(180deg)}.wob_global_popupbox_provideo .pop_content .video-btnbox .slide-icon-right{transform:rotate(0)}@media (max-width:520px){.wob_global_popupbox_provideo .wob_global_popupbox_con{padding:0}.wob_global_popupbox_provideo .wob_global_popupbox_con .contentbox .provideo_pop_close{width:24px;height:24px;top:12px;right:12px}.wob_global_popupbox_provideo .pop_content .video-list .video-li .libox .libox-audio-box{width:32px;height:32px;right:50px;top:9px}.wob_global_popupbox_provideo .pop_content .video-list .video-li .libox .libox-pause{width:120px;height:120px}.wob_global_popupbox_provideo .pop_content .video-list .video-li .libox .libox-progress{height:3px}.wob_global_popupbox_provideo .pop_content .video-btnbox{right:12px}.wob_global_popupbox_provideo .pop_content .video-btnbox .slide-icon{width:32px;height:32px;border-radius:4px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/wob-pro-videopop.css.map */