.preview-btn {
    position: absolute;
    z-index: 15;
    bottom: 62px;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    text-align: center;
}
.preview-btn li {
    display: inline-block;
    margin: 0 5px;
    vertical-align: text-top;
}

.J-video-icon {	
	cursor: pointer;
    display: inline-block;
    width: 50px;
    height: 50px;
    background:url("video.png") no-repeat 0 0;
}
.J-video-icon:hover {
	background-position:-55px 0;
}

.close-video {
	width: 12px;
    height: 12px;
    border-radius: 50%;
    display: block;
    background:url("video.png") no-repeat 0  -56px;
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 99;
    cursor: pointer;
}

.video-js{ /* 给.video-js设置字体大小以统一各浏览器样式表现，因为video.js采用的是em单位 */
  font-size: 12px;
  position: absolute;
  top: 0;
  display: none;
  z-index: 12
}
.video-js.curr{
  display: block;
}
.video-js button{
  outline: none;
}