#showVedioLayer .mask{
	position: fixed;
	z-index: 12;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.6);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#48000000,endColorstr=#48000000);
}

#showVedioLayer .videoWrapper{
    position: fixed;
    z-index: 13;
    width: 60%;
    top: 50%;
    top:45%\9;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: transparent;
    text-align: center;
    border-radius: 3px;
}

#showVedioLayer .videoWrapper video{
	max-width: 100%;
}

.videoWrapper {
	position: relative;
	margin: 0 auto;
	text-align: center;
}

.videoWrapper .videoControl{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 50px;
	left: 0;
	cursor: pointer;
	z-index: 2;
}

.videoWrapper .videoControl.play{
	border: none;
	outline: none;
	background-color: transparent;
	background-image: url("videoPlay.png");
	background-image: -webkit-image-set(url("videoPlay.png") 1x,url("videoPlay@2x.png") 2x,url("videoPlay@3x.png") 3x);
	background-size: 140px;
	background-repeat: no-repeat;
	background-position: center center;
}

.videoWrapper video {
	position: relative;
	max-width: 100%;
	z-index: 1;
}