.mui-preview-image.mui-fullscreen { position: fixed; z-index: 1120; background-color: #000;}
.mui-preview-header, .mui-preview-footer { position: absolute; width: 100%; left: 0; z-index: 10;}
.mui-preview-header { height: 44px; top: 0;}
.mui-preview-footer { min-height: 50px; bottom: 0px; text-align: center; color: #fff;}
.mui-preview-footer.mui-hidden { display: block !important;}
.mui-preview-header .mui-preview-indicator { display: block; line-height: 25px; color: #fff; text-align: center; margin: 15px auto 4px; width: 70px; background-color: rgba(0, 0, 0, 0.4); border-radius: 12px; font-size: 16px;}
.mui-preview-image { display: none; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.mui-preview-image.mui-preview-in { -webkit-animation-name: fadeIn; animation-name: fadeIn;}
.mui-preview-image.mui-preview-out { background: none; -webkit-animation-name: fadeOut; animation-name: fadeOut;}
.mui-preview-image.mui-preview-out .mui-preview-header, .mui-preview-image.mui-preview-out .mui-preview-footer { display: none;}
.mui-zoom-scroller { position: absolute; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; margin: 0; -webkit-backface-visibility: hidden;}
.mui-zoom { -webkit-transform-style: preserve-3d; transform-style: preserve-3d;}
.mui-slider.mui-preview-image .mui-slider-group .mui-slider-item img { width: auto; height: auto; max-width: 100%; max-height: 100%;}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item img { width: 100%;}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item { display: inline-table;}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img { display: table-cell; vertical-align: middle;}
.mui-preview-loading { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none;}
.mui-preview-loading.mui-active { display: block;}
.mui-preview-loading .mui-spinner-white { position: absolute; top: 50%; left: 50%; margin-left: -25px; margin-top: -25px; height: 50px; width: 50px;}
.mui-preview-image img.mui-transitioning { -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease; transition: transform 0.5s ease, opacity 0.5s ease;}
@-webkit-keyframes fadeIn {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@keyframes fadeIn {
    0% { opacity: 0;}
    100% { opacity: 1;}
}
@-webkit-keyframes fadeOut {
    0% { opacity: 1;}
    100% { opacity: 0;}
}
@keyframes fadeOut {
    0% { opacity: 1;}
    100% { opacity: 0;}
}
p img { max-width: 100%; height: auto;}


.preview-slider.mui-slider { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: #000;}
.preview-slider.mui-slider .mui-slider-group { height: 100%;}
.preview-slider.mui-slider .mui-slider-group .mui-slider-item img { width: auto; max-width: 100%;}
.preview-slider.mui-slider .mui-preview-footer { color: #fff; background-color: rgba(0, 0, 0, 0.4);}
.preview-slider.mui-slider .mui-preview-footer .mui-preview-title { padding: 5px 10px; text-align: left; font-size: 14px; line-height: 20px;}
.preview-slider.mui-slider .mui-preview-footer .mui-preview-intro { padding: 0px 10px 10px; text-align: left; font-size: 12px; line-height: 18px; color: #999;}

.no-preview { margin-top: 30%; text-align: center; color: #666;}
.no-preview .no-preview-icon .mui-icon { font-size: 130px;}
.no-preview .no-preview-title { margin: 40px 30px; font-size: 16px; color: #fff;}