.page-video-details { background: url(/static/pc/img/upload-bg.png) 0 0 no-repeat; background-size: 100% 100%; }

.page-video-details .page-container { padding-bottom: 90px; }

.page-video-details .video-details-item { width: 1200px; height: 420px; margin: auto; overflow: hidden; margin-top: 60px; margin-bottom: 30px; }

.page-video-details .video-details-item > div { float: left; height: 420px; border-radius: 8px; overflow: hidden; }

.page-video-details .video-details-item .details-left { width: 66%; background: #000; }

.page-video-details .video-details-item .details-left .video { -o-object-fit: fill; object-fit: fill; outline: none; }

.page-video-details .video-details-item .details-right { width: 34%; background: #fff; padding: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }

.page-video-details .video-details-item .details-right .shares { position: absolute; top: 38px; right: 30px; cursor: pointer; }

.page-video-details .video-details-item .details-right .video-name { font-size: 24px; color: #333333; margin-bottom: 30px; padding-right: 40px; }

.page-video-details .video-details-item .details-right .video-info { font-size: 14px; color: #333333; height: 280px; overflow-y: auto; }

.page-video-details .video-bg { width: 100%; height: 30px; background: url(/static/pc/img/wenhuaguan3.png) 0 0 no-repeat; background-size: 100% 100%; margin-bottom: 10px; }

.page-video-details .recommend-item { width: 1200px; margin: auto; margin-bottom: 100px; }

.page-video-details .recommend-item .recommend-nav { margin-bottom: 20px; }

.page-video-details .recommend-item .recommend-nav p { height: 50px; font-size: 32px; color: #FFFFFF; padding-left: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(/static/pc/img/qishinian.png) 0 0 no-repeat; }

.page-video-details .recommend-item .recommend-nav p span { height: 49px; display: inline-block; border-bottom: 1px solid #FFBF0E; }

.page-video-details .recommend-item .recommend-list { overflow: hidden; }

.page-video-details .recommend-item .recommend-list .modulest { margin-bottom: 20px; padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }

.page-video-details .recommend-item .recommend-list .photography-img { width: 285px; height: 180px; overflow: hidden; margin-bottom: 10px; border-radius: 10px; position: relative; }

.page-video-details .recommend-item .recommend-list .photography-img:hover .recommend-info { display: block; }

.page-video-details .recommend-item .recommend-list .photography-img:hover .play-buts { display: none; }

.page-video-details .recommend-item .recommend-list .photography-img .play-buts { position: absolute; height: 60px; width: 60px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }

.page-video-details .recommend-item .recommend-list .photography-img .recommend-info { position: absolute; display: none; top: 0; left: 0; padding: 20px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; font-size: 14px; color: #FFFFFF; background: rgba(0, 0, 0, 0.6); }

.page-video-details .recommend-item .recommend-list .sports { font-size: 14px; color: #FFFFFF; margin-bottom: 10px; padding-left: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(/static/pc/img/photo.png) 0 0 no-repeat; background-position-y: 3px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.page-video-details .recommend-item .recommend-list .guidance { opacity: 0.6; font-size: 14px; color: #FFFFFF; padding-left: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; background: url(/static/pc/img/tip-ph.png) 0 0 no-repeat; background-position-y: 3px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }