.videohp
{
width:100%;
cursor:pointer;
position: relative;
margin-bottom: 1.5rem;
}


.video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#videoyoutube
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.containerytembed
{
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;	
margin-bottom: 1.5rem;
}

#linkembed
{
position: absolute;
height: 100%;
width: 100%;
cursor: pointer;
z-index:400;
}

.containerytembed .pause
{
	
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
font-size:40px;
background:black;
padding:20px;
color:white !important;
opacity:0.7;
border-radius:50%;
cursor:pointer;
z-index:500;		
}


.containerytembed .play
{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
font-size:40px;
background:black;
padding:20px;
color:white !important;
opacity:0.7;
border-radius:50%;
cursor:pointer;
z-index:500;	
}


.containerytembed
{
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;	
margin-bottom: 1.5rem;
}

.videohpsound {
position: relative;
top: -80px;
background: transparent;
left: 20px;
display: block;
max-width: 100px;
}

.videohpsoundon, .videohpsoundoff
{
	width:50px;
}



.pause
{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	font-size:40px;
	background:black;
	padding:20px;
	color:white !important;
	opacity:0.7;
	border-radius:50%;
}

.play
{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
	font-size:40px;
	background:black;
	padding:20px;
	color:white !important;
	opacity:0.7;
	border-radius:50%;
}



.ps_back-office .pause	
{
	font-size: 1.5em !important;
}
	
.pause a, .play a
{
color:white !important;
opacity:0.7;
font-weight:bold;
text-decoration:none;
}

@media (max-width: 768px){
	
.videohpsound {
position: relative;
top: -40px;
/* left: 30px; */
background: transparent;
left: 5px;
display: block;
max-width: 100px;	
}


.videohpsoundon, .videohpsoundoff
{
	width:30px;
}


}