.light_container {
	position:fixed;
	background-color:#333;
	background:rgba(51,51,51,0.9);
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
}

.light_container .light_inner {
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	display:inline-block !important;
	text-align:center;
	vertical-align:center;
	width:0;
	height:0;
}
.light_container .light_loading {
	background-color:#eee;
	border-radius:5px;
	padding:15px 30px;
	display:inline-block;
}
.light_container .light_error {
	background-color:#ffc4cb;
	border-radius:5px;
	padding:15px 30px;
	display:inline-block;
}
.light_container .light_close {
	width:28px;
	height:28px;
	font-size:0;
	background:url(cross.png) no-repeat center;
	position:fixed;
	top:10px;
	right:10px;
}
.light_container .light_caption {
	bottom: 0;
	position: absolute;
	width: 100%;
	background-color: #333;
	background: rgba(53,53,53,0.8);
	color: #fff;
}
.light_container .light_caption .light_caption_inner {
	padding:10px;
}
.light_container .light_inner .light_nav {
    display:none;
	position: absolute;
	top: 45%;
	width: 100%;
}
.light_container .light_inner:hover .light_nav {
    display:block;
}
.light_container .light_inner .light_nav .light_prev {
    float: left;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
}
.light_container .light_inner .light_nav .light_next {
    float: right;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}
.light_container .light_inner .light_nav a {
    background-color: #fff;
    background:rgba(255,255,255,0.5);
    display:inline-block;
    padding:10px;
    text-decoration:none;
    color:#000;
    font-size:15px;
}
.light_container .light_inner .light_nav a:hover {
    background:rgba(255,255,255,0.7);
}
@media screen and (max-width: 720px) {
	.light_container .light_inner .light_nav {
	    display:block !important;
	}
}