#ui-lightbox, #ui-lightbox-panorama-icon, #ui-lightbox-content-container, #ui-lightbox-content, #ui-lightbox-content>*, #ui-lightbox-arrow, #ui-lightbox-arrow>span, #ui-lightbox-bottombar, #ui-lightbox-title-wrapper, #ui-lightbox-title, #ui-lightbox-bottombar-bottom, #ui-lightbox-button-prev, #ui-lightbox-button-prev>span, #ui-lightbox-counter, #ui-lightbox-button-next, #ui-lightbox-button-next>span, #ui-lightbox-button-close, #ui-lightbox-button-close>span, #ui-lightbox-map, #ui-lightbox-map-viewport, #ui-lightbox-overlay {
	margin:0;
	padding:0;
}
#ui-lightbox {
    top: 100px!important;
    font-size: 62.5%;
    padding: 0px;
    position: fixed;
    z-index: 9999;
    width: 50%;
    height: 70%;
    left: 25%!important;
    border: none;
    background: #ffffff;
}
#ui-lightbox-content-container {
    position: relative;
    width: 100%;
    height: 100%;
}
#ui-lightbox-content {
    border: 0;
    position: relative;
    width: 100%!important;
    height: 100%!important;
}
#ui-lightbox-content > * {
    display: block;
    width: auto!important;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    text-align: center;
    padding: 30px 20px;
}
#ui-lightbox-arrow {
	cursor:pointer;
	display:block;
	position:absolute;
	top:50%;
	margin-top:-8px;
	z-index:101;
}
.ui-lightbox-arrow-next {
	border-right:0;
	right:0;
}
.ui-lightbox-arrow-prev {
	border-left:0;
	left:0;
}
#ui-lightbox-panorama-icon {
	cursor:pointer;
	height:32px;
	right: 40px;
	width:32px;
	position:absolute;
	top:20px;
	z-index:110;
}
/*.ui-lightbox-panorama-icon-expand {
	background:url(../images/zoom.png) top left no-repeat;
}
.ui-lightbox-panorama-icon-expand-hover {
	background:url(../images/zoom.png) top left no-repeat;
}
.ui-lightbox-panorama-icon-shrink {
	background:url(../images/zoom-hover.png) top right no-repeat;
}
.ui-lightbox-panorama-icon-shrink-hover {
	background:url(../images/zoom-hover.png) top right no-repeat;
}*/
.ui-lightbox-loader {
	background:url(../images/loader.gif) center center no-repeat;
}
#ui-lightbox-bottombar {
    /* height: 40px; */
    position: relative;
    background: #f1f1f1;
    border: none;
    padding: 10px 0 0;
    margin-bottom: -15px;
    width: 100% !important;
}
#ui-lightbox-bottombar>p {
	margin-right:20px;
	height:46px;
	line-height:20px;
}
#ui-lightbox-bottombar-bottom {
	text-align:left;
	display:none;
}
#ui-lightbox-title-wrapper {
	font-size:20px;
	height:20px;
	overflow:hidden;
	color:#5a5a5a!important;
	text-align:left;
	padding:10px 20px 0 30px;
}
#ui-lightbox-counter {
	font-size:9px;
	line-height:20px;
	vertical-align:middle;
}
#ui-lightbox-separator {
	line-height:20px;
	padding:0 2px;
	vertical-align:middle;
}
#ui-lightbox-button-prev, #ui-lightbox-button-next, #ui-lightbox-button-play {
	display:inline-block;
	line-height:20px;
	vertical-align:middle;
}
#ui-lightbox-button-close {
	line-height:20px;
	position:absolute;
	top:17px;
	right:5px;
}
.ui-lightbox-button {
	cursor:pointer;
}
.ui-lightbox-button.ui-state-highlight {
	border-style:none;
	background:none;
}
#ui-lightbox-map {
	background-color:black;
	border:1px solid white;
	filter:Alpha(Opacity=20);
	height:100px;
	opacity:.30;
	position:fixed;
	right:20px;
	top:20px;
	width:150px;
	z-index:10000;
}
#ui-lightbox-map-viewport {
	border:1px solid white;
	left:-1px;
	position:absolute;
	top:-1px;
}
#ui-lightbox-overlay {
	border:0;
	position:fixed;
}
#ui-lightbox-error {
	background:url(error_bg.png) repeat left top;
}
#ui-lightbox-error-message {
	color:#fff;
	font-size:14px;
	line-height:1.5;
	margin-bottom:21px;
	padding-top:274px;
	text-align:center;
}
#ui-lightbox-error-footer {
	text-align:center;
}
#ui-lightbox-error-footer>button {
	margin-right:15px;
}
.ui-lightbox-error-icon-sign {
	background:url(error_sign.png) no-repeat center 226px;
}

@media screen and (max-width: 860px) {
    #ui-lightbox {
        width: 70%;
        left: 15%!important;
    }
}

@media screen and (max-width: 540px) {
    #ui-lightbox {
        top: 0!important;
        width: 96%;
        height: 100%;
        left: 0!important;
    }
}