VideoJS：修改进度条

Question

当我们将鼠标移动到videojs视频vidjet的进度条上时，我们会看到一个带有缩略图图像的小提示带有时间的小方框（具有vjs-mouse-display类）。在videojs lib中描述了它。我们有例如类似于以下内容

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1; 
}

我需要设置该框的margin-top属性。在scss（在lib之外）我试图做

.video-js .vjs-progress-control .vjs-mouse-display {
  margin-top: 12px;
}

这不起作用。我试图使用.video-js .vjs-progress-control div.vjs-mouse-display选择器（它应该优先于原始选择器），甚至尝试放置important!，但这也没有效果。

原因是我可以用JS设置margin。但也许通过CSS可以做到这一点吗？