@media (min-width:769px){body,html{position:relative;width:100%;min-height:100%}body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.main-flex-videoContent{-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto}.pc_hide{display:none!important}}.video-container{background:#f6f6f6}.videoWrap{width:100%;max-width:1500px;margin:0 auto}.videoWrap.videoWrap{max-width:1226px}.bread-crumbs{font-size:12px;color:#666;padding:20px 0}.bread-crumbs a{display:inline-block;line-height:12px;-webkit-transition:.3s;transition:.3s;color:#666}.bread-crumbs a:hover{color:#000}.video-detail{font-family:"Open Sans",Arial;overflow-x:hidden}.video-detail .video-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;line-height:28px}.video-detail .video-top .video-title{font-size:28px;font-weight:700;color:#333}.video-detail .video-top .video-select a{padding:0 6px;color:#666}.video-detail .video-top .video-select a:hover{color:#333}.video-detail .video-top .video-select a:last-child{padding-right:0}.video-detail .video-top .video-select a.active{font-weight:700;color:#333}.video-detail .video-all-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-right:-45px;padding-top:30px;padding-bottom:40px}.video-detail .video-all-list li{width:33.33%;float:left;height:100%;vertical-align:top;padding:0 45px 40px 0;-webkit-box-sizing:border-box;box-sizing:border-box}.video-detail .video-all-list li .wrapItem{background:#fff;height:100%}.video-detail .video-all-list li .wrapItem .pic{width:100%;height:auto}.video-detail .video-all-list li .wrapItem .video-mask{display:block;width:100%;height:100%;position:relative;min-height:264px;max-height:264px;overflow:hidden}.video-detail .video-all-list li .wrapItem .video-mask:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;-webkit-transition:.3s;transition:.3s;background:rgba(0,0,0,.2)}.video-detail .video-all-list li .wrapItem .video-mask:hover:before{background:rgba(0,0,0,.5)}.video-detail .video-all-list li .wrapItem .video-mask:hover .video-play i{color:var(--public_color)}.video-detail .video-all-list li .wrapItem .video-play{display:inline-block;width:48px;height:48px;line-height:48px;text-align:center;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:3;border-radius:50%}.video-detail .video-all-list li .wrapItem .video-play i{color:#eee;font-size:48px;-webkit-transition:.3s;transition:.3s}.video-detail .video-all-list li .wrapItem .title{height:84px}.video-detail .video-all-list li .wrapItem .title a{display:block;font-size:18px;color:#333;line-height:38px;padding:0 27px 0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-detail .video-all-list li .wrapItem .title p{color:#999;font-size:13px;padding:0 27px 0 20px}.video-detail .video-all-list li .wrapItem .title p .v-icon{margin-right:2px;vertical-align:middle}@media (min-width:769px){.video-detail .isMultiPurpose .video-all-list li{padding:0 30px 30px 0}.video-detail .isMultiPurpose .video-all-list li .wrapItem .title a{font-size:14px;margin-top:16px}.video-detail .isMultiPurpose .video-all-list li:hover .wrapItem .title p{color:var(--public_color)}}.video-detail .page_num{text-align:right;padding-bottom:40px}.video-detail .page_num .next,.video-detail .page_num .prev{font-size:14px;color:#666}.video-detail .page_num .next i,.video-detail .page_num .prev i{font-size:14px}.video-detail .page_num .next.gray,.video-detail .page_num .prev.gray{cursor:default;color:#ccc}.video-detail .page_num a,.video-detail .page_num b{width:36px;height:36px;font-size:14px;text-align:center;line-height:36px;display:inline-block}.video-detail .page_num.smarthome a.active{color:var(--public_color);border:1px solid var(--public_color);border-radius:2px}.video-detail .page_num.eachine a.active{color:var(--public_color);border:1px solid var(--public_color);border-radius:2px}.video-detail .page_num.makeup1 a.active{color:var(--public_color);border:1px solid var(--public_color);border-radius:2px}.video-detail .page_num.makeup2 a.active{color:var(--public_color);border:1px solid var(--public_color);border-radius:2px}.video-detail .page_num.outerdo a.active{color:var(--public_color);border:1px solid var(--public_color);border-radius:2px}.video-detail .page_num.changsha a.active{color:var(--public_color);border:1px solid var(--public_color);border-radius:2px}.video-detail .goToPage{float:right;color:#666;font-size:12px;font-family:Arial,Helvetica,sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:5px}.video-detail .goToPage .pageForm{overflow:hidden;margin-left:10px}.video-detail .goToPage .pageForm input{float:left;width:49px;height:40px;border:1px solid #ccc;border-radius:2px 0 0 2px;border-right:none;text-align:center}.video-detail .goToPage .pageForm button{width:36px;height:40px;background:#dfdfdf;border:1px solid #ccc;border-radius:0 2px 2px 0;cursor:pointer}.common-video-dialog{position:fixed;z-index:1001;width:100%;height:100%;top:0;left:0;display:none}.common-video-dialog .common-video-mark{position:fixed;width:100%;height:100%;background:#000;opacity:.4}.common-video-dialog .common-video-content{width:1000px;height:656px;background:#fff;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:"Open Sans",Arial}.common-video-dialog .common-video-content .close_btn{position:absolute;right:-1px;top:-1px;width:40px;height:40px;font-size:40px;display:inline-block;line-height:40px}.common-video-dialog .common-video-content .close_btn i{font-size:40px;color:#999}.common-video-dialog .common-video-content .close_btn i:hover{opacity:.9}.common-video-dialog .common-video-content .common-video-flash{-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto;height:562px}.common-video-dialog .common-video-content .window-title{height:94px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 30px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.common-video-dialog .common-video-content .window-title .window-v-left{-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-right:6px}.common-video-dialog .common-video-content .window-title .window-v-left .window-detail{-webkit-box-flex:1;-ms-flex:1 auto;flex:1 auto}.common-video-dialog .common-video-content .window-title.isMultiPurpose .window-v-left{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.common-video-dialog .common-video-content .window-title.isMultiPurpose .window-img{width:56px;height:56px;padding:7px;border:1px solid #eee;margin-right:20px}.common-video-dialog .common-video-content .window-title.isMultiPurpose .window-img img{width:auto;max-width:40px;height:40px}.common-video-dialog .common-video-content .window-title .window-link{font-size:18px;font-weight:700;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:750px;padding-bottom:6px}.common-video-dialog .common-video-content .window-title p{color:#999;font-size:12px}.common-video-dialog .common-video-content .window-title .window-img img{width:auto;max-width:70px;height:70px}.common-video-dialog .common-video-content .window-title .win-del{display:inline-block;width:100px;height:40px;background:var(--public_color);border-radius:2px;text-align:center;line-height:40px;color:#fff;font-weight:700}.common-video-dialog .common-video-content .window-title .win-del.smarthome{background:var(--public_color)}.common-video-dialog .common-video-content .window-title .win-del.eachine{background:var(--public_color)}.common-video-dialog .common-video-content .window-title .win-del.makeup1{background:var(--public_color)}.common-video-dialog .common-video-content .window-title .win-del.makeup2{background:var(--public_color)}.common-video-dialog .common-video-content .window-title .win-del.outerdo{background:var(--public_color)}.common-video-dialog .common-video-content .window-title .win-del.changsha{background:var(--public_color)}.common-video-dialog .common-video-content .window-title .win-del.MultiPurpose{background:var(--public_color)}@media (max-width:1510px){.video-container{padding:0 14px}}@media (max-width:1200px){.video-detail .video-all-list li{padding-right:18px}.common-video-dialog .common-video-content{width:94%}}@media (max-width:768px){.top-item{display:none!important}.bread-crumbs{display:none}.video-container{padding:46px 0 0 0}.video-detail .video-top{width:100%;background:#fff;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.1);box-shadow:0 2px 3px 0 rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:fixed;top:0;z-index:1001}.video-detail .video-top .video-title{line-height:44px;font-size:24px;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-bottom:1px solid #ebebeb}.video-detail .video-top .video-title .m_back_page{position:absolute;left:0;width:44px;height:44px;display:inline-block;line-height:44px;text-align:center}.video-detail .video-top .video-title .m_back_page i{font-size:20px;color:#000}.video-detail .video-top .video-select{height:44px;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.1);box-shadow:0 2px 3px 0 rgba(0,0,0,.1);padding:10px 0}.video-detail .video-top .video-select a{width:50%;display:inline-block;float:left;text-align:center}.video-detail .video-top .video-select a:first-of-type{border-right:1px solid #ebebeb}.video-detail .video-all-list{margin-right:0;padding:8px 0 30px 8px}.video-detail .video-all-list li{width:50%;padding:0 8px 8px 0}.video-detail .video-all-list li .wrapItem .video-mask{min-height:auto;height:110px}.video-detail .video-all-list li .wrapItem .pic{height:100%}.video-detail .video-all-list li .wrapItem iframe{height:100%!important}.video-detail .video-all-list li .wrapItem .title{height:54px}.video-detail .video-all-list li .wrapItem .title a{font-size:14px;line-height:28px;padding:0 10px 0 8px}.video-detail .video-all-list li .wrapItem .title p{padding:0 10px 0 8px}.video-detail .video-all-list li .wrapItem .title p .v-icon i{font-size:14px}.video-detail .page_num{text-align:center}.video-detail .goToPage{float:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:0;padding-top:10px}.common-video-dialog .common-video-content{height:310px}.common-video-dialog .common-video-content .close_btn{right:-1px;width:30px;height:30px;line-height:30px;font-size:30px}.common-video-dialog .common-video-content .close_btn i{font-size:30px}.common-video-dialog .common-video-content .window-title{height:55px;padding:0 10px}.common-video-dialog .common-video-content .window-title .window-v-left{width:100%;padding-right:0}.common-video-dialog .common-video-content .window-title.isMultiPurpose .window-img{width:34px;height:34px;padding:2px;margin-right:10px}.common-video-dialog .common-video-content .window-title.isMultiPurpose .window-img img{width:32px;height:32px}.common-video-dialog .common-video-content .window-title .window-link{font-size:14px;padding-bottom:0;max-width:200px}.common-video-dialog .common-video-content .window-title .window-img img{vertical-align:middle;height:40px;max-width:40px}.common-video-dialog .common-video-content .window-title .window-img .win-del{width:80px;font-weight:400;height:34px;line-height:34px}.common-video-dialog .common-video-content .common-video-flash{height:255px}}