.magicthumb>span{
    display:none
}
.mgt-hint,.mgt-loading{
    color:#eee;
    direction:ltr;
    text-align:center;
    text-decoration:none;
    background:rgba(49,51,61,.7);
    font:400 9pt/1.2em 'Lucida Grande',Lucida Sans Unicode,Verdana,Helvetica Neue,Arial,Helvetica,sans-serif
}
.mgt-hint{
    left:0;
    right:0;
    bottom:8px;
    padding:0 10%;
    -webkit-transition:opacity .25s ease,z-index .25s ease;
    transition:opacity .25s ease,z-index .25s ease
}
.mgt-hint-message{
    border-radius:2em;
    padding:.7em 1.1em;
    background:rgba(49,51,61,.7)
}
.mgt-hint-message:before{
    speak:none;
    font-size:1.5em;
    content:'\02295';
    margin-right:6px;
    font-family:serif;
    text-align:center;
    vertical-align:-2px;
    -webkit-transition:opacity .25s ease;
    transition:opacity .25s ease
}
.mobile-magic .mgt-hint-message:before{
    display:none
}
.mgt-hint-hidden{
    opacity:0;
    z-index:-1;
    -webkit-transition-delay:.6s;
    transition-delay:.6s
}
.mgt-loading{
    top:50%;
    left:50%;
    padding:0;
    width:36px;
    height:36px;
    font-size:0;
    border-radius:100%;
    box-sizing:border-box;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.mgt-loading:after{
    content:'';
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:24px;
    height:24px;
    margin:auto;
    text-indent:-9999em;
    border-radius:50%;
    border:2px solid #fff;
    border-top-color:transparent;
    box-sizing:border-box;
    -webkit-animation:thumb-loading .9s infinite linear;
    animation:thumb-loading .9s infinite linear
}
@-webkit-keyframes thumb-loading{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes thumb-loading{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    to{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.magicthumb,.magicthumb:hover{
    z-index:1;
    direction:ltr;
    max-width:100%;
    cursor:pointer;
    cursor:zoom-in;
    display:inline-block;
    position:relative
}
.magicthumb img{
    height:auto
}
.magicthumb>img{
    display:inline-block!important;
    width:100%
}
td>.magicthumb.magic-for-ie8>img,td>.magicthumb>img{
    max-width:none;
    width:auto
}
.magicthumb-expanded{
    outline:0;
    padding:0;
    cursor:zoom-out;
    background-color:transparent;
    background-color:#f2f2f2;
    border:0 solid #f2f2f2;
    box-shadow:0 0 1pc rgba(0,0,0,.25)
}
.magicthumb-expanded.mgt-video{
    cursor:default
}
.mgt-caption{
    color:#333;
    padding:8px;
    text-align:left;
    line-height:18px;
    background-color:transparent;
    background-color:#f2f2f2;
    font:400 10pt/1.5 'Lucida Grande',Lucida Sans Unicode,Verdana,Helvetica Neue,Helvetica
}
.mgt-caption-right{
    padding-right:300px
}
.mgt-caption-right .mgt-caption{
    max-width:300px
}
.mgt-caption-bottom .mgt-caption{
    height:auto
}
.magicthumb-expanded .mgt-caption{
    transition:color .25s ease!important;
    opacity:1
}
.mgt-expand-stage .magicthumb-buttons .mgt-button{
    opacity:.6;
    width:44px;
    height:44px;
    overflow:hidden;
    box-sizing:border-box;
    border-radius:4px;
/*    border:1px solid #fff;*/
/*    background-color:rgba(0,0,0,.25);*/
/*    -webkit-transition:background-color .25s,border-radius .5s,opacity .5s!important;*/
    transition:background-color .25s,border-radius .5s,opacity .5s!important
}
.magicthumb-buttons .mgt-button:before,.magicthumb-buttons .mgt-button[rel=close]:after{
    content:"";
    top:50%;
    width:40%;
    height:40%;
    position:absolute;
    transform:translateY(-50%) rotate(45deg)
}
:root.mobile-magic .magicthumb-buttons:not(.compact-buttons) .mgt-button:active,:root:not(.mobile-magic) .magicthumb-buttons:not(.compact-buttons) .mgt-button:hover{
    opacity:1;
    border-radius:0;
    background-color:hsla(0,0%,100%,.1)
}
.magicthumb-buttons .mgt-button[rel=next],.magicthumb-buttons .mgt-button[rel=prev]{
    top:0!important;
    bottom:0!important;
    overflow:hidden!important;
    margin:auto 10px;
    z-index:90
}
.magicthumb-buttons .mgt-button[rel=prev]{
    left:0!important
}
.magicthumb-buttons .mgt-button[rel=next]{
    right:0!important
}
.magicthumb-buttons .mgt-button[rel=prev]:before{
    left:40%;
    border-left:1px solid #fff;
    border-bottom:1px solid #fff
}
.magicthumb-buttons .mgt-button[rel=next]:before{
    left:15%;
    border-top:1px solid #fff;
    border-right:1px solid #fff
}
.magicthumb-buttons .mgt-button[rel=close]{
    top:0!important;
    right:0!important;
    margin:10px!important;
    z-index:95
}
.magicthumb-buttons .mgt-button[rel=close]:after,.magicthumb-buttons .mgt-button[rel=close]:before{
    left:50%;
    width:80%;
    height:1px;
    background-color:#fff
}
.magicthumb-buttons .mgt-button[rel=close]:before{
    transform:translate(-50%,-50%) rotate(45deg)
}
.magicthumb-buttons .mgt-button[rel=close]:after{
    transform:translate(-50%,-50%) rotate(-45deg)
}
.mac-magic .magicthumb-buttons .mgt-button[rel=close]{
    left:0!important;
    right:auto!important
}
.magicthumb-buttons.compact-buttons{
    position:absolute
}
.magicthumb-buttons.tl{
    top:5px;
    left:5px
}
.magicthumb-buttons.tr{
    top:5px;
    right:5px
}
.magicthumb-buttons.bl{
    bottom:5px;
    left:5px
}
.magicthumb-buttons.br{
    bottom:5px;
    right:5px
}
.magicthumb-buttons.compact-buttons .mgt-button{
    width:40px;
    height:40px;
    position:relative;
    margin:0!important;
    background-color:rgba(0,0,0,.75);
    border:1px solid hsla(0,0%,100%,.1)
}
.magicthumb-buttons.compact-buttons .mgt-button:hover{
    background-color:#000;
    border-radius:0
}
.magicthumb-buttons.compact-buttons .mgt-button+.mgt-button{
    margin-left:2px!important
}
.magicthumb-buttons.compact-buttons .mgt-button[rel=prev]:before{
    background-position:-3pc 0
}
.magicthumb-buttons.compact-buttons .mgt-button[rel=next]:before{
    background-position:-72px 0
}
.magicthumb-buttons.compact-buttons .mgt-button[rel=close]:before{
    background-position:-24px 0
}
@media screen and (max-device-width:767px){
    .mobile-magic.mgt-expand-open .magicthumb-expanded,.mobile-magic.mgt-expand-open .magicthumb-expanded .mgt-figure{
        overflow:visible!important
    }
}
.lt-ie9-magic .magicthumb-expanded{
    filter:none!important
}
.lt-ie9-magic .magicthumb-buttons a{
    background-color:#000;
    filter:alpha(opacity=60)
}
.lt-ie9-magic .magicthumb-buttons a:hover{
    filter:alpha(opacity=100)
}
.mgt-bg{
    opacity:0;
    background-color:#000
}
.mgt-bg.onexpand{
    opacity:.8
}
.mgt-selector,.mgt-selector:focus{
    display:inline-block;
    line-height:0;
    outline:0
}
.mgt-visible{
    opacity:1
}
.magicthumb-expanded-thumbnail{
    cursor:default
}
.magicthumb-external-caption{
    display:none
}
.mgt-selector:hover img{
    -webkit-filter:brightness(75%);
    filter:brightness(75%)
}
.mgt-selector.mgt-active img{
    -webkit-filter:brightness(60%);
    filter:brightness(60%)
}
.mgt-video-icon{
    position:relative;
    display:inline-block
}
.mgt-video-icon:after,.mgt-video-icon:before{
    content:''!important;
    top:50%!important;
    left:50%!important;
    position:absolute!important;
    box-sizing:border-box!important;
    -webkit-transform:translateY(-50%) translateX(-50%)!important;
    transform:translateY(-50%) translateX(-50%)!important
}
.mgt-video-icon:before{
    color:#fff;
    text-shadow:0 1px 10px #000;
    display:block!important;
    width:36px!important;
    height:36px!important;
    border-radius:50%;
    background-repeat:no-repeat!important;
    background-color:rgba(0,0,0,.5);
    background-size:50%;
    background-position:center center!important;
    z-index:1!important
}
.mgt-video-icon:after{
    width:9pt!important;
    height:1pc!important;
    border-style:solid!important;
    border-top-width:8px!important;
    border-top-color:transparent!important;
    border-left-width:9pt!important;
    border-left-color:hsla(0,0%,100%,.8);
    border-bottom-width:8px!important;
    border-bottom-color:transparent!important;
    border-right-width:0!important;
    margin-left:1px!important;
    z-index:2!important
}
.mgt-video-reset:after,.mgt-video-reset:before{
    content:none!important
}
