现在,重叠图像(播放按钮)位于左上角.播放按钮如何显示水平和垂直居中？

谢谢.

<div class="videoBox">
<img src="/mainimage.png">
<span></span>
</div>
 
.videoBox { position: relative; }
 
.videoBox span {
position:absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 100%;
z-index: 1;
background: transparent url(../img/elements/playbutton.png) no-repeat;
}