.mk-message-box { position:relative; display:block; margin-bottom:20px; border-width:1px; border-style:solid; background-position:15px center; background-repeat:no-repeat; } .mk-message-box span { display:block; padding:15px 15px 15px 65px; text-align:left; } .mk-message-box .box-close-btn { position:absolute; top:0; right:6px; } .mk-message-box.mk-comment-message-box { border-color:#dddddd; background-color:#eeeeee; } .mk-message-box.mk-comment-message-box i { color:#aaaaaa; } .mk-message-box.mk-info-message-box { border-color:#afe0ee; background-color:#d1eff8; } .mk-message-box.mk-info-message-box i { color:#3ea3bc; } .mk-message-box.mk-info-message-box .button.wc-forward { background-color:#3ea2c1; } .mk-message-box.mk-error-message-box { border-color:#fd8585; background-color:#fac6bf; } .mk-message-box.mk-error-message-box i { color:#de303a; } .mk-message-box.mk-error-message-box .button.wc-forward { background-color:#df3531; } .mk-message-box.mk-confirm-message-box { border-color:#72dd9d; background-color:#b8f4d0; } .mk-message-box.mk-confirm-message-box i { color:#20b66e; } .mk-message-box.mk-confirm-message-box .button.wc-forward { background-color:#28b863; } .mk-message-box.mk-warning-message-box { border-color:#e0c069; background-color:#fbf1c8; } .mk-message-box.mk-warning-message-box i { color:#be9a34; } .mk-message-box.mk-warning-message-box .button.wc-forward { background-color:#be9c00; } .mk-swiper-container { position:relative; overflow:hidden; } .mk-slider-holder > div { position:absolute; top:0; left:0; width:100%; height:100%; } .mk-slider-holder .mk-slider-wrapper { z-index:10; } .mk-swipe-slideshow { position:relative; margin-bottom:20px; } .mk-swipe-slideshow:hover .swiper-arrows { filter:alpha(opacity=@opacity * 100); -moz-opacity:60; -khtml-opacity:60; opacity:60; opacity:0.6; } .mk-swipe-slideshow .swiper-arrows, .mk-swipe-slideshow .swiper-zoom-icon { width:60px; height:60px; line-height:62px; background-color:rgba(0, 0, 0, 0.4); text-align:center; position:absolute; border-radius:2px; cursor:pointer; color:#ffffff; filter:alpha(opacity=@opacity * 100); -moz-opacity:0; -khtml-opacity:0; opacity:0; } .mk-swipe-slideshow .swiper-arrows { top:50%; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); ms-transform:translate(0, -50%); background-color:rgba(0, 0, 0, 0.4); } .mk-swipe-slideshow .swiper-zoom-icon { top:20px; left:20px; } .mk-swipe-slideshow .swiper-zoom-icon svg { height:16px; } .mk-slider-holder:hover .swiper-zoom-icon { -moz-opacity:60; -khtml-opacity:60; opacity:60; opacity:0.6; } .mk-slider-holder .swiper-zoom-icon:hover { -moz-opacity:100; -khtml-opacity:100; opacity:100; opacity:1; } .mk-swipe-slideshow .swiper-arrows:hover { background-color:rgba(0, 0, 0, 0.6); filter:alpha(opacity=@opacity * 100); -moz-opacity:100; -khtml-opacity:100; opacity:100; opacity:1; } .mk-swipe-slideshow .swiper-arrows svg { height:16px; } .mk-swipe-slideshow .mk-swiper-prev { left:20px; } .mk-swipe-slideshow .mk-swiper-next { right:20px; } .mk-slider-holder-img { visibility:hidden; }