.videoBox {
    position: fixed;
    width: 307px;
    height: 182px;
    top: 493px; /* 根据实际需求可调整，原样是居中偏下 */
    top: 80%;
    margin-top: -91px;
    left: 0;
    z-index: 20;
    transition: left 0.3s ease-in-out;
    background: url("//cdn3.51img1.com/v7/huodong/xbqz/gbgift/images/video_bg.png?v=20230111") no-repeat 0 0;
}

.videoBox.hide {
    left: -307px;
}

.videoBox video {
    width: 288px;
    height: 162px;
    margin: 10px 0 0 9px;
    display: block;
    object-fit: cover;
}

.videoBox .closeVideo {
    position: absolute;
    width: 26px;
    height: 82px;
    top: 0;
    left: 307px;
    z-index: 99;
    cursor: pointer;
    background: url("//cdn3.51img1.com/v7/huodong/xbqz/gbgift/images/video_btn.png?v=20230111") no-repeat 0 0;
}

/* 展开状态的背景图位置 */
.videoBox .closeVideo.active {
    background-position: -56px 0;
}

/* 视频下方新增的按钮 */
.videoBox .video-action-btn {
    position: absolute;
    width: 169px;
    height: 44px;
    left: 50%;
    margin-left: -84px; /* 居中定位 */
    bottom: -22px; /* 定位在视频的正下方，可根据实际视觉效果微调 */
    background: url("../images/promotional_video/btn.png") no-repeat center center;
    display: block;
    z-index: 10;
}

.videoBox .video-action-btn:hover {
    background-image: url("../images/promotional_video/btn_hover.png");
}