#ub-photo-view{
	display: none;
	position: fixed;
	background-color: #191919;
	z-index: 1100;
}
#ub-photo-view div.upv-close{
    height: 0px;
    overflow: visible;
    position: relative;
    float: right;
}
#ub-photo-view div.upv-close div{
	position: absolute;
}
#ub-photo-view div.upv-close div i{
	background-image: url(data:image/gif;base64,R0lGODlhCQASAJECAP///zAwMP///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjEgNjQuMTQwOTQ5LCAyMDEwLzEyLzA3LTEwOjU3OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgV2luZG93cyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRTE3NEMxMUIzRkExMUUzODdENTlGMzdGREU0OUU1MyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCRTE3NEMxMkIzRkExMUUzODdENTlGMzdGREU0OUU1MyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkJFMTc0QzBGQjNGQTExRTM4N0Q1OUYzN0ZERTQ5RTUzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkJFMTc0QzEwQjNGQTExRTM4N0Q1OUYzN0ZERTQ5RTUzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAgAsAAAAAAkAEgAAAiCEjmKWrOjOSpDK1+rNEQYrfF8yhkh5iCB6mmSbUqoVFAA7);
    background-repeat: no-repeat;
    background-position: top;
    display: inline-block;
    height: 9px;
    line-height: 9px;
    vertical-align: middle;
    width: 9px;
    cursor: pointer;
    position: relative;
    top: 15px;
    left: -25px;
}
#ub-photo-view div.upv-close.black div i{
	background-position: bottom !important;
}

#ub-photo-view div.upv-left{
	float: left;
}
#ub-photo-view div.upv-left div.pad{
	padding: 20px 35px;
}
#ub-photo-view div.upv-right{
	width: 320px;
    float: left;
    background-color: white;
    overflow: auto;
}
#ub-photo-view div.upv-right div.pad{
	padding: 20px;
    padding-top: 35px;
}

#ub-photo-view div.upv-left div.title{
    font-size: 23px;
    color: #939393;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
}
#ub-photo-view div.upv-left div.photo i{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAbCAYAAABiFp9rAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTNGODI4RTVCMzI2MTFFMzkzMjdBMTI3MERDM0I5NkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTNGODI4RTZCMzI2MTFFMzkzMjdBMTI3MERDM0I5NkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFM0Y4MjhFM0IzMjYxMUUzOTMyN0ExMjcwREMzQjk2QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFM0Y4MjhFNEIzMjYxMUUzOTMyN0ExMjcwREMzQjk2QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv5RP2MAAAJTSURBVHjavFY9SxxRFN2doASMjUogzYqI2PgF9oZUu9ZisRLQSptFxMYIdlpoI2glVm4TIWivgkR/gKASBBERbQTJpvEDQeJ6rpzBy/XN2xkLLxzem/t13p2Zd99Ll8vllE+mfoxnMJwr1RzHCaVrnJmdv/DlSfuIQPIBwzHQTNUjUMv5NRBwfgq0gux/VK7AQyLDtCIRGUOyO4HMlV58phmTjAjSAUyqZ0m+pJ6XqAtlkjHxibCyagzbRj2ESh7CB86HjM82YysTsfxloEGpL4F1R/w6baFIzLLrFboq+goMGt0AKni0jtQNGPUgc0QTYSU1GDaMzxGw6/mWu/TRssFcr4lY7hrw0QTlsfLIPUBb3qglx5p+hbqifiBnAn4Dh6nKckhfLTnmfNmwYK7H/MrxzSrueE8HCTf4Z+QoBXBI42HTQfITiEVCuWCM/TSbwiGTAtDtCBzFSmKz0HfUYZLcBSFajAgspRKKJ2YxMD1Lv/O6pESemLGwoj2HccHXJCM6yoLDtPdcEfdBln+Ilu9AJkFBGcbYvy4rHIF6t3lH8Eqcquiz4jDlw++mf+lfwJZx/Aa0x6imnb5atpjz9QnL/vTXtKE/cs5EtSHuQ+kMbUp9L50cMbfOpkpDr8klCXo81fQYEpFeTRJ1TOwARaNbxcpdZ5foVo26yBz+84g7fBj4p9RfgD7HovpoC0Vihl0dJfIWhNV2YthXqhugLjzOYa9i4k/Kpwv2g6SXkwN1h0sx4Yh6HjEkc4x5873uBGiqcK87A1p897r0e91UnwQYAH1w21++asbUAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    display: inline-block;
    height: 27px;
    line-height: 27px;
    vertical-align: middle;
    width: 13px;
    cursor: pointer;
    position: relative;
}
#ub-photo-view div.upv-left div.photo div.left-arr i{
	background-position: left;
}
#ub-photo-view div.upv-left div.photo div.right-arr i{
    background-position: right;
}
#ub-photo-view div.upv-left div.photo div.left-arr.dis i{
    cursor: auto;
    opacity: 0.3;
}
#ub-photo-view div.upv-left div.photo div.right-arr.dis i{
    cursor: auto;
    opacity: 0.3;
}
#ub-photo-view div.upv-left div.photo div.left-arr,
#ub-photo-view div.upv-left div.photo div.right-arr,
#ub-photo-view div.upv-left div.photo div.img{
	float: left;
}
#ub-photo-view div.upv-left div.photo div.left-arr{
	margin-right: 20px;
    width: 13px;
}
#ub-photo-view div.upv-left div.photo div.right-arr{
    margin-left: 20px;
    width: 13px;
}
#ub-photo-view div.upv-left div.photo div.img{
	position: relative;
    overflow: auto;
    vertical-align: middle;
    text-align: center;
}
#ub-photo-view div.upv-left div.photo div.img img{
	vertical-align: middle;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

#ub-photo-view div.upv-left ul.preview{
	list-style: none;
    display: block;
    margin: 0px auto;
    height: 105px;
    width: 100%;
    text-align: center;
    position: relative;
    overflow: auto;
    white-space: nowrap;
    margin-top: 15px;
}
#ub-photo-view div.upv-left ul.preview li{
    display: inline-block;
    width: 80px;
    height: 80px;
    margin: 0px 6px;
}
#ub-photo-view div.upv-left ul.preview li img{
	width: 100%;
	max-width: 80px;
    max-height: 80px;
    cursor: pointer;
}
#ub-photo-view div.upv-left ul.preview li.current img{
	border: 2px solid white;
    max-width: 76px;
    max-height: 76px;
    cursor: auto;
}

@media screen and (max-width: 960px){
    #ub-photo-view div.upv-left div.pad{
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media screen and (max-width: 640px){
    #ub-photo-view div.upv-right{
        position: absolute;
        right: 0;
        top: 0;
    }
}