.omter-video-detail-page{background:#fff;color:#1f2837;font-family:Arial,"Microsoft YaHei",sans-serif}
.omter-video-detail-page *{box-sizing:border-box}
.omter-video-detail-page a{text-decoration:none}
.omter-video-detail-page .video-detail-wrap{width:86%;max-width:1360px;min-width:320px;margin:0 auto}
.omter-video-detail-page .path{display:flex;align-items:center;min-height:70px;padding:15px 0;color:#666;font-size:14px;line-height:24px;overflow:hidden}
.omter-video-detail-page .path>.iconfont{margin-right:4px;color:#666;font-size:14px}
.omter-video-detail-page .breadcrumbs{display:flex;align-items:center;min-width:0;white-space:nowrap}
.omter-video-detail-page .breadcrumbs a{color:#666}
.omter-video-detail-page .breadcrumbs a:hover{color:#111}
.omter-video-detail-page .breadcrumbs i{padding:0 4px;color:#999;font-size:12px}
.omter-video-detail-page .breadcrumbs>span:last-child{min-width:0;color:#999;overflow:hidden;text-overflow:ellipsis}

.omter-video-detail-page .video-detail-main-box{display:flex;justify-content:space-between;align-items:stretch;margin-bottom:80px;padding:0;border:0;background:#fff}
.omter-video-detail-page .video-detail-card{min-width:0;flex:1;margin:0;padding:25px 55px;border:1px solid #f3f3f3;color:#1f2837;overflow:hidden}
.omter-video-detail-page .video-detail-title{margin:0 0 16px;color:#1f2837;font-size:24px;font-weight:400;line-height:40px;text-align:left}
.omter-video-detail-page .video-detail-player-box{position:relative;width:100%;height:0;margin-bottom:20px;padding-bottom:56.25%;background:#000;overflow:hidden}
.omter-video-detail-page .video-detail-player{position:absolute;inset:0;display:block;width:100%;height:100%;background:#000;object-fit:contain}
.omter-video-detail-page .video-detail-play-button{position:absolute;z-index:2;top:50%;left:50%;width:70px;height:70px;margin:-35px 0 0 -35px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.58);cursor:pointer;transition:opacity .2s,transform .2s}
.omter-video-detail-page .video-detail-play-button:hover{transform:scale(1.05)}
.omter-video-detail-page .video-detail-play-button.is-hidden{opacity:0;pointer-events:none}
.omter-video-detail-page .video-detail-play-button span{display:block;width:0;height:0;margin-left:28px;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:21px solid #fff}
.omter-video-detail-page .video-detail-unavailable{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;color:#aaa;text-align:center}
.omter-video-detail-page .video-detail-description{margin:0 0 25px;color:#1f2837;font-size:16px;line-height:30px;text-align:left;white-space:pre-wrap}
.omter-video-detail-page .video-detail-description:empty{display:none}
.omter-video-detail-page .video-detail-date{display:block;margin:0 0 40px;color:#999;font-size:14px;line-height:22px;text-align:left}
.omter-video-detail-page .video-detail-siblings{display:flex;justify-content:space-between;gap:30px;margin:0;padding:0;border:0}
.omter-video-detail-page .video-detail-sibling{min-width:0;flex:1;color:#999;font-size:14px;line-height:24px}
.omter-video-detail-page .video-detail-sibling a{display:block;max-width:100%;color:#1f2837;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.omter-video-detail-page .video-detail-prev a,.omter-video-detail-page .video-detail-prev span{color:#999}
.omter-video-detail-page .video-detail-sibling a:hover{text-decoration:underline}
.omter-video-detail-page .video-detail-next{text-align:right}

.omter-video-detail-page .video-detail-recommend{width:310px;flex:0 0 310px;margin-left:30px;border:1px solid #f3f3f3;background:#fff;overflow:hidden}
.omter-video-detail-page .video-detail-recommend h2{height:64px;margin:0;padding:0 20px;background:#1f2837;color:#fff;font-size:20px;font-weight:400;line-height:64px;text-align:left}
.omter-video-detail-page .video-detail-recommend ul{margin:0;padding:25px 20px;list-style:none}
.omter-video-detail-page .video-detail-recommend li{display:flex;justify-content:space-between;gap:2%;margin:0 0 30px;padding:0}
.omter-video-detail-page .video-detail-recommend li:last-child{margin-bottom:0}
.omter-video-detail-page .video-recommend-image{position:relative;width:48%;height:0;padding-bottom:27%;background:#000;overflow:hidden}
.omter-video-detail-page .video-recommend-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:transform .25s ease}
.omter-video-detail-page .video-detail-recommend li:hover img{transform:scale(1.03)}
.omter-video-detail-page .video-recommend-play{position:absolute;top:50%;left:50%;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:50%;background:rgba(0,0,0,.58)}
.omter-video-detail-page .video-recommend-play:after{content:"";position:absolute;top:6px;left:10px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #fff}
.omter-video-detail-page .video-recommend-copy{display:flex;width:50%;min-width:0;flex-direction:column;justify-content:space-between;color:#1f2837}
.omter-video-detail-page .video-recommend-name{height:42px;color:#1f2837;font-size:14px;line-height:21px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.omter-video-detail-page .video-recommend-copy time{color:#999;font-size:12px;line-height:18px}

.omter-video-detail-page .video-detail-related-products{padding:0 0 50px}
.omter-video-detail-page .video-detail-related-products h2{margin:0 0 25px;color:#1f2837;font-size:24px;font-weight:400;line-height:44px;text-align:center}
.omter-video-detail-page .video-related-swiper-shell{position:relative;padding:0 60px}
.omter-video-detail-page .video-related-swiper{position:static;width:100%;overflow:hidden}
.omter-video-detail-page .video-related-swiper .swiper-slide{min-width:0;text-align:center}
.omter-video-detail-page .video-related-product-image{display:flex;width:100%;aspect-ratio:1/1;align-items:center;justify-content:center;border:1px solid #f3f3f3;background:#fff;overflow:hidden}
.omter-video-detail-page .video-related-product-image img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s ease}
.omter-video-detail-page .video-related-swiper .swiper-slide:hover img{transform:scale(1.03)}
.omter-video-detail-page .video-related-product-name{display:block;width:100%;margin-top:10px;color:#1f2837;font-size:14px;line-height:21px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.omter-video-detail-page .video-related-prev,.omter-video-detail-page .video-related-next{position:absolute;z-index:3;top:50%;width:40px;height:108px;margin-top:-64px;padding:0;border:0;background:#e5e5e5;color:#1f2837;line-height:108px;text-align:center;cursor:pointer}
.omter-video-detail-page .video-related-prev{left:0}
.omter-video-detail-page .video-related-next{right:0}
.omter-video-detail-page .video-related-prev .iconfont,.omter-video-detail-page .video-related-next .iconfont{font-size:32px}
.omter-video-detail-page .video-related-prev.swiper-button-disabled,.omter-video-detail-page .video-related-next.swiper-button-disabled{opacity:.35;cursor:default}
.omter-video-detail-page .video-related-prev.is-hidden,.omter-video-detail-page .video-related-next.is-hidden{display:none}

/* Compatibility for previously generated detail pages that still contain the inquiry block. */
.omter-video-detail-page .video-detail-inquiry{margin:20px 0 60px;padding:20px;background:#fff;border:0}
.omter-video-detail-page .video-detail-inquiry h2{margin:0;padding:15px 10px;color:#333;font-size:20px;font-weight:400;line-height:20px;text-align:left}
.omter-video-detail-page .video-inquiry-form{width:100%;margin:20px 0 0}
.omter-video-detail-page .video-inquiry-field{margin:0;padding:10px}
.omter-video-detail-page .video-inquiry-field input,.omter-video-detail-page .video-inquiry-field textarea{display:block;width:100%;border:1px solid #fafafa;background:#fafafa;color:#333;font:14px Arial,"Microsoft YaHei",sans-serif;outline:none;box-shadow:none}
.omter-video-detail-page .video-inquiry-field input{height:44px;padding:0 10px;line-height:44px}
.omter-video-detail-page .video-inquiry-field textarea{min-height:150px;padding:10px;line-height:36px;resize:vertical}
.omter-video-detail-page .video-inquiry-hint{margin:0;color:#777;font-size:16px;line-height:30px}
.omter-video-detail-page .video-inquiry-actions{padding:10px}
.omter-video-detail-page .video-inquiry-form button[type="submit"]{display:block;width:110px;height:50px;margin:0 auto;border:0;background:#232323;color:#fff;font-size:18px;line-height:50px;cursor:pointer}
.omter-video-detail-page .video-inquiry-result{min-height:22px;margin:2px 10px 0;text-align:center;font-size:14px}

@media (max-width:1040px){
.omter-video-detail-page .video-detail-wrap{width:94%;min-width:0}
.omter-video-detail-page .path{display:none}
.omter-video-detail-page .video-detail-main-box{display:block;margin-bottom:0}
.omter-video-detail-page .video-detail-card{padding:25px 15px;border:0}
.omter-video-detail-page .video-detail-siblings{display:block}
.omter-video-detail-page .video-detail-sibling{margin:0;line-height:26px;text-align:left}
.omter-video-detail-page .video-detail-sibling a{white-space:nowrap}
.omter-video-detail-page .video-detail-prev a,.omter-video-detail-page .video-detail-prev span{color:#1f2837}
.omter-video-detail-page .video-detail-recommend{width:100%;margin-left:0;border:0}
.omter-video-detail-page .video-detail-recommend ul{padding:25px 15px}
.omter-video-detail-page .video-detail-related-products h2{font-size:18px}
.omter-video-detail-page .video-related-swiper-shell{padding:0 15px}
.omter-video-detail-page .video-related-prev,.omter-video-detail-page .video-related-next{display:none}
}

@media (max-width:767px){
.omter-video-detail-page .video-detail-wrap{width:100%;padding:0}
.omter-video-detail-page .video-detail-card{padding:16px 15px}
.omter-video-detail-page .video-detail-title{margin-bottom:10px;font-size:18px;line-height:28px}
.omter-video-detail-page .video-detail-player-box{margin-bottom:10px}
.omter-video-detail-page .video-detail-play-button{width:58px;height:58px;margin:-29px 0 0 -29px}
.omter-video-detail-page .video-detail-play-button span{margin-left:24px;border-top-width:10px;border-bottom-width:10px;border-left-width:17px}
.omter-video-detail-page .video-detail-description{margin-bottom:15px;font-size:14px;line-height:22px}
.omter-video-detail-page .video-detail-date{margin-bottom:35px}
.omter-video-detail-page .video-detail-recommend h2{font-size:18px}
.omter-video-detail-page .video-detail-recommend li{margin-bottom:15px}
.omter-video-detail-page .video-detail-related-products{padding-bottom:36px}
.omter-video-detail-page .video-related-product-name{font-size:12px;line-height:18px}
}