.td-fly-out-gallery {
    opacity: 0;
    *display: none;
    position: fixed;
    z-index: 999;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */
    background:rgba(0,0,0,.6);
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    overflow:hidden;
}
    .td-fly-out-gallery.active {
        opacity: 1;
        *display: block;
        width:auto;height:auto;
        right:0;
        bottom:0;
        width:100%;height:100%
    }
    .td-fly-out-gallery .fg-nav {
        height: 100%;
        width: 20%;
        max-width:200px;
        float: right;
        margin:0;
        padding:6px;
        overflow:auto;
        overflow-x:hidden;
        overflow-y:auto;
        background:#333;
        border-left:4px #eee solid;
        box-shadow:0 0 6px rgba(0,0,0,.3);
    }
        .td-fly-out-gallery .fg-nav img {
            width: 100%;max-height:128px;border:1px #000 solid;
        }
        .td-fly-out-gallery .fg-nav > li.active img {
            border: 1px #fff solid;
        }
.td-fly-out-gallery .fg-container {
    height: 100%;
    width: 79%;text-align:center;
    position:relative;
}
    .td-fly-out-gallery .fg-container > div {
        *display:none;
        opacity:0;
        -moz-transition: all 600ms ease;
    -o-transition: all 600ms ease;
    -webkit-transition: all 600ms ease;
    transition: all 600ms ease;
    position:absolute;
    width:100%;height:100%;
        pointer-events:none;
    position: absolute;
    }
        .td-fly-out-gallery .fg-container > div > div {
            position: relative;height:100%;
        }
.td-fly-out-gallery .fg-container > div p {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width:100%;max-height:100%;
    padding:0;margin:0;line-height:100%;
}
    .td-fly-out-gallery .fg-container img {
       max-height:100vh;max-width:100%;
       margin: 0;
        box-shadow:0 0 12px rgba(0,0,0,.3);
    }
        .td-fly-out-gallery .fg-container>div.active {
            *display: block;
            opacity: 1;
            pointer-events:all
        }
    .td-fly-out-gallery a.close {
        width: 23px;
        height: 32px;
        line-height: 32px;
        text-align: center;
        background: #000;
        color:#fff;
        cursor:pointer;
        position: absolute;
        top: 0;
        left: 78%;
        font-size: 20px;
        border-radius: 0 0 4px 4px;
        padding:4px;
    }

.td-slide-rotate {
    width: 300px;
    height: 260px;
    position:relative;    
    list-style:none;overflow: hidden;
}
    .td-slide-rotate > li {
        position: absolute;
        width: 100%;
        height: 100%;
        left:-100%;
        opacity: 0;
        z-index: 1;
        -moz-transition: all 400ms ease;
        -o-transition: all 400ms ease;
        -webkit-transition: all 400ms ease;
        transition: all 400ms ease;
    }
    .td-slide-rotate > li.active {
        left:0;
        opacity:1;
        z-index:99;
    }
        .td-slide-rotate > li img {
            width: 100%;
            height: 100%;
        }