.lbfond {
	z-index: 99990;
	position: fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	background: rgba(0,0,0,0.7);
	align-items:center;
	justify-content:center;
	transition: all 0.3s ease;
	opacity:0;
	display:none;
	}

.lbfondvisible { opacity:1; }

#lbferme {
	position:absolute;
	top:15px; right:15px;
	width:45px; height:45px;
	cursor:pointer;
	opacity:0.5;
	transform:rotate(45deg);
	background:url(../interface/lbplus.png) center no-repeat;
	transition:0.4s ease;
	}

#lbferme:hover {
	opacity:1;
	transform:rotate(135deg);
	}
	
#lbcontainer{
	border:3px solid white;
	border-radius:4px;
	width:100px; height:100px;
	background:#000;
	box-shadow:0 0 15px 0 rgba(0,0,0,0.7);
	transition: all 0.3s ease;
	position:relative;
	overflow:hidden;
	}

#lbimage {
	width:100%; height:100%;
	opacity:1;
	transition: opacity 0.3s ease;
	-moz-user-select:none; -ms-user-select:none; -webkit-user-select:none;
	user-select:none;
	object-fit: cover;
	}

.lbfg, .lbfd{
	position:absolute;
	top:50%;
	opacity:0.4;
	font-weight:bold;
	cursor:pointer;
	width:20px; height:20px;
	}

.lbfg{ background:url(../interface/fd.png) right; left:10px}
.lbfd{ background:url(../interface/fd.png) left; right:10px; }

#lbcaption {
	width:100%;
	background:rgba(0,0,0,0.5);
	/*padding:6px;*/
	padding-left: 6px;
	font-size:16px;
	color:rgba(255,255,255,0.8);
	position:absolute;
	bottom:0px;left:0px;
	height: 0px;
	line-height:26px;
	display:none;
	opacity:0;
	transition: all 0.4s ease 0.2s;
	}
#lbcontainer:hover #lbcaption { opacity: 1; height: 26px;
	}