*{
    margin:0;
    padding:0;
    border:0;
    outline:none;
}

a{ 
    text-decoration: none; 
}


#wrap{
    position: relative;
}


.mpp-gallery{
	position: relative;
}
.mpp-clearfix:after {
  content: "";
  display: table;
  clear: both;
}



.mpp-controls{
	position: absolute;
	top:0;
	right:0;
	height:40px;
}
.mpp-controls > a{
	box-shadow: none!important;
	border:none!important;
	outline:none!important;
}
.mpp-contr-btn{
	background: #111; 
	background: rgba(0,0,0,0.4);
	width:40px;
	height:40px;
	float: right;
}
.mpp-contr-btn i{
	color:#ddd !important;
	width:40px;
	height:40px;
	text-align: center;
	display: inline-block;
	font-size: 15px!important;
	line-height: 40px!important;
}
.mpp-contr-btn i:hover{
	color:#fff !important;
}





.mpp-share-toggle{
	position:relative;
}
.mpp-share-holder{
	position:absolute;
	right:40px;
	top:0;
	width: 120px;
	display: none;
}
.mpp-share-toggle:hover .mpp-share-holder{
	display: block;
}
.mpp-share-item{
	width:40px;
	height:40px;
	float: left;
	cursor: pointer;
}




.mpp-tooltip{
	position:absolute;
	background:#fff;
	text-align:center;
	color:#555!important;
	z-index:10000;
	pointer-events:none;
	display:none;
	box-shadow: 0px 0px 3px #ccc;
}
.mpp-tooltip p{
	width:inherit;
	font-size:13px!important;
	margin:2px 8px !important;
	padding:0 !important;
	line-height:20px !important;
	white-space:nowrap;
	color:inherit !important;
}



.mpp-playlist-inner{
	height:100%;
}
.mpp-playlist-content{
	overflow: hidden;
}
.mpp-playlist-item{
	position:relative;
	top:0;
	left:0;
	margin: 0;
    padding: 0;
    width: 100%;
	height:auto;
	overflow:hidden;
	touch-action: pan-y;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	list-style: none;
    text-decoration: none; 
    float: left;
}
.mpp-playlist-item .mpp-video{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.mpp-playlist-item .mpp-audio{
	position:absolute;
	bottom:0;
	left:0;
	width: 100%;
}
.mpp-playlist-item .mpp-thumb,
.mpp-playlist-item .mpp-image{
	position:relative;
	display: block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	pointer-events:none;
}
.mpp-playlist-item .mpp-image{
	position: absolute;
}

.mpp-title {
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
  	-ms-transform: translate(-50%,-50%);
  	transform: translate(-50%,-50%);
	margin:0;
	padding:10px;
	color:#fff;
	font-size:15px;
	background: rgba(0,0,0,0.4);
	pointer-events:none;
}



.mpp-hidden {
	opacity: 0; 
	transition: opacity 300ms ease-out;
}
.mpp-visible {
	opacity: 1;
	transition: opacity 150ms ease-in;
}
.mpp-lightbox-all,
.mpp-link-all{
	cursor: pointer;
}