.mui-fullscreen { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100% }
.mui-slider { position: relative; z-index: 1; overflow: hidden; width: 100% }
.mui-slider .mui-slider-group { font-size: 0; position: relative; -webkit-transition: all 0s linear; transition: all 0s linear; white-space: nowrap }
.mui-slider .mui-slider-group .mui-slider-item { font-size: 14px; position: relative; display: inline-block; width: 100%; height: 100%; vertical-align: top; white-space: normal }
.mui-fullscreen.mui-slider .mui-slider-group { height: 100% }
.mui-fullscreen .mui-segmented-control~.mui-slider-group { position: absolute; top: 40px; bottom: 0; width: 100%; height: auto }
.mui-preview-image.mui-fullscreen { position: fixed; z-index: 20; background-color: rgba(0, 0, 0, .8); }
.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 { height: 50px; bottom: 0px; }
.mui-preview-header .mui-preview-indicator { display: block; line-height: 25px; color: #fff; text-align: center; margin: 15px auto 4; 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-slider-group .mui-slider-item img { width: auto; height: auto; max-width: 100%; max-height: 100%; }
.mui-android-4-1 .mui-slider .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; }