.video__detail{position:relative;box-sizing:border-box;padding:37px 0px}@media screen and (max-width: 1024px){.video__detail{padding:30px 0px}}@media screen and (max-width: 768px){.video__detail{padding:25px 0px}}@media screen and (max-width: 514px){.video__detail{padding:20px 0px}}.video__detail .video__detail--header{display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 768px){.video__detail .video__detail--header{flex-wrap:wrap;row-gap:15px}}.video__detail .detail__header--left{display:flex;align-items:center;font-size:24px;line-height:24px;text-transform:uppercase;font-weight:700;color:var(--text-color3)}@media screen and (max-width: 1440px){.video__detail .detail__header--left{font-size:24px}}@media screen and (max-width: 1024px){.video__detail .detail__header--left{font-size:22px}}@media screen and (max-width: 768px){.video__detail .detail__header--left{font-size:20px}}@media screen and (max-width: 514px){.video__detail .detail__header--left{font-size:18px}}.video__detail .detail__header--left svg{fill:#d31212;margin-right:10px;width:32px;height:32px}@media screen and (max-width: 1440px){.video__detail .detail__header--left svg{width:32px;height:32px}}@media screen and (max-width: 1366px){.video__detail .detail__header--left svg{width:30px;height:30px}}@media screen and (max-width: 1024px){.video__detail .detail__header--left svg{width:28px;height:28px}}@media screen and (max-width: 768px){.video__detail .detail__header--left svg{width:26px;height:26px}}@media screen and (max-width: 514px){.video__detail .detail__header--left svg{width:24px;height:24px}}@media screen and (max-width: 420px){.video__detail .detail__header--left svg{width:20px;height:20px}}.video__detail .detail__header--right{display:flex;align-items:center}.video__detail .detail__header--right .right__item{display:flex;align-items:center;margin-left:30px}@media screen and (max-width: 1440px){.video__detail .detail__header--right .right__item{margin-left:30px}}@media screen and (max-width: 1024px){.video__detail .detail__header--right .right__item{margin-left:25px}}@media screen and (max-width: 768px){.video__detail .detail__header--right .right__item{margin-left:20px}}@media screen and (max-width: 514px){.video__detail .detail__header--right .right__item{margin-left:15px}}.video__detail .detail__header--right .right__item svg{fill:#d31212;width:18px;height:18px;margin-right:10px}@media screen and (max-width: 1440px){.video__detail .detail__header--right .right__item svg{width:18px;height:18px}}@media screen and (max-width: 1024px){.video__detail .detail__header--right .right__item svg{width:16px;height:16px}}@media screen and (max-width: 514px){.video__detail .detail__header--right .right__item svg{width:14px;height:14px}}.video__detail .detail__header--right .right__item a{font-size:20px;font-weight:700;color:var(--text-color3);transition:all 0.3s ease-in}@media screen and (max-width: 1440px){.video__detail .detail__header--right .right__item a{font-size:20px}}@media screen and (max-width: 1024px){.video__detail .detail__header--right .right__item a{font-size:18px}}@media screen and (max-width: 768px){.video__detail .detail__header--right .right__item a{font-size:16px}}@media screen and (max-width: 514px){.video__detail .detail__header--right .right__item a{font-size:15px}}.video__detail .detail__header--right .right__item a:hover{color:var(--main-color)}.video__detail .detail__header--right .right__item:first-child{margin-left:0px}.video__detail .video__detail--main{position:relative;box-sizing:border-box;width:100%;display:flex;justify-content:space-between;margin-top:38px}@media screen and (max-width: 1440px){.video__detail .video__detail--main{margin-top:38px}}@media screen and (max-width: 1366px){.video__detail .video__detail--main{margin-top:35px}}@media screen and (max-width: 1024px){.video__detail .video__detail--main{margin-top:30px}}@media screen and (max-width: 768px){.video__detail .video__detail--main{margin-top:20px;flex-wrap:wrap}}@media screen and (max-width: 514px){.video__detail .video__detail--main{margin-top:15px}}.video__detail .video__detail--main .detail__main--left{width:60.93%}@media screen and (max-width: 768px){.video__detail .video__detail--main .detail__main--left{width:100%}}.video__detail .video__detail--main .detail__main--left .main__left{position:relative;overflow:hidden}.video__detail .video__detail--main .detail__main--left .main__left .main__left--video{position:relative;overflow:hidden;border-radius:5px;transition:all 0.3s ease-in-out}.video__detail .video__detail--main .detail__main--left .main__left .main__left--video img{width:100%;height:auto;vertical-align:middle;display:grid;overflow:hidden;border-radius:5px}.video__detail .video__detail--main .detail__main--left .main__left .main__left--video .youtube__button{width:90px;height:90px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:50%;border:1px solid #fff;background-color:#ffffff36;display:flex;align-items:center;justify-content:center;box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px;transition:all 0.3s ease-in-out;cursor:pointer}@media screen and (max-width: 1024px){.video__detail .video__detail--main .detail__main--left .main__left .main__left--video .youtube__button{width:80px;height:80px}}@media screen and (max-width: 768px){.video__detail .video__detail--main .detail__main--left .main__left .main__left--video .youtube__button{width:60px;height:60px}}@media screen and (max-width: 514px){.video__detail .video__detail--main .detail__main--left .main__left .main__left--video .youtube__button{width:40px;height:40px}}.video__detail .video__detail--main .detail__main--left .main__left .main__left--video .youtube__button svg{width:70px;height:70px;fill:#fff;box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px}@media screen and (max-width: 1440px){.video__detail .video__detail--main .detail__main--left .main__left .main__left--video .youtube__button svg{width:70px;height:70px}}@media screen and (max-width: 1366px){.video__detail .video__detail--main .detail__main--left .main__left .main__left--video .youtube__button svg{width:60px;height:60px}}@media screen and (max-width: 1024px){.video__detail .video__detail--main .detail__main--left .main__left .main__left--video .youtube__button svg{width:50px;height:50px}}@media screen and (max-width: 768px){.video__detail .video__detail--main .detail__main--left .main__left .main__left--video .youtube__button svg{width:40px;height:40px}}@media screen and (max-width: 514px){.video__detail .video__detail--main .detail__main--left .main__left .main__left--video .youtube__button svg{width:30px;height:30px}}.video__detail .video__detail--main .detail__main--left .main__left .main__left--video .youtube__button svg path{fill:#fff}.video__detail .video__detail--main .detail__main--left .main__left .main__left--video .youtube__button:hover{border:1px solid #eb081e;background-color:#eb081e}.video__detail .video__detail--main .detail__main--left .main__left .main__left--video:hover img{transform:scale(1.1)}.video__detail .video__detail--main .detail__main--left .main__left .main__left--title{font-size:16px;font-weight:700;line-height:24px;margin-top:18px;color:var(--text-color3);display:block;transition:all 0.3s ease-in}@media screen and (max-width: 1440px){.video__detail .video__detail--main .detail__main--left .main__left .main__left--title{font-size:16px}}@media screen and (max-width: 1024px){.video__detail .video__detail--main .detail__main--left .main__left .main__left--title{font-size:15px;margin-top:15px}}@media screen and (max-width: 514px){.video__detail .video__detail--main .detail__main--left .main__left .main__left--title{font-size:14px;margin-top:10px}}.video__detail .video__detail--main .detail__main--left .main__left .main__left--title:hover{color:var(--main-color)}.video__detail .video__detail--main .detail__main--right{width:36.36%;position:relative;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:19px}@media screen and (max-width: 1200px){.video__detail .video__detail--main .detail__main--right{width:37.5%}}@media screen and (max-width: 1024px){.video__detail .video__detail--main .detail__main--right{row-gap:15px}}@media screen and (max-width: 768px){.video__detail .video__detail--main .detail__main--right{width:100%;margin-top:30px}}@media screen and (max-width: 514px){.video__detail .video__detail--main .detail__main--right{margin-top:20px}}.video__detail .video__detail--main .detail__main--right .main__right--item{width:calc(100%/2 - 18px)}@media screen and (max-width: 1024px){.video__detail .video__detail--main .detail__main--right .main__right--item{width:calc(100%/2 - 10px)}}@media screen and (max-width: 514px){.video__detail .video__detail--main .detail__main--right .main__right--item{width:calc(100%/2 - 5px)}}@media screen and (max-width: 380px){.video__detail .video__detail--main .detail__main--right .main__right--item{width:100%}}.video__detail .video__detail--main .detail__main--right .main__right--item .item__image{display:block;width:100%;border-radius:4px;cursor:pointer;transition:all 0.3s ease-in-out;overflow:hidden}.video__detail .video__detail--main .detail__main--right .main__right--item .item__image img{width:100%;height:auto;vertical-align:middle;display:grid;border-radius:4px;overflow:hidden}.video__detail .video__detail--main .detail__main--right .main__right--item .item__image:hover img{transform:scale(1.1)}.video__detail .video__detail--main .detail__main--right .main__right--item .item__title{font-weight:700;text-align:center;margin-top:19px;display:block;font-size:16px}@media screen and (max-width: 1440px){.video__detail .video__detail--main .detail__main--right .main__right--item .item__title{font-size:16px}}@media screen and (max-width: 1024px){.video__detail .video__detail--main .detail__main--right .main__right--item .item__title{font-size:15px}}@media screen and (max-width: 514px){.video__detail .video__detail--main .detail__main--right .main__right--item .item__title{font-size:14px}}
/*# sourceMappingURL=video.css.map */