@charset "utf-8";
/* CSS Document */
.lof-slidecontent
{
    position: relative;
    overflow: hidden;
    width: 787px;
    height: 310px;
    margin: 0 auto;
    font-family: 'PT Sans';
    font-weight: 400;
    font-size: 13px;
}

    .lof-slidecontent .preload
    {
        height: 100%;
        width: 100%;
        background: #FFF;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100000;
        color: #FFF;
        text-align: center;
    }

        .lof-slidecontent .preload div
        {
            height: 100%;
            width: 100%;
            background: transparent url(Images/Js/load-indicator.gif) no-repeat scroll 50% 50%;
        }

.lof-main-outer
{
    position: relative;
    height: 100%;
    width: 787px;
    z-index: 3;
    overflow: hidden;
}


/*******************************************************/
.lof-main-item-desc
{
    z-index: 100;
    position: absolute;
    top: 150px;
    left: 50px;
    width: 400px;
    background: url(Images/Js/transparent_bg.png);
    /* filter:0.7(opacity:60) */
}

    .lof-main-item-desc p
    {
        color: #FFF;
        margin: 0 8px;
        padding: 8px 0;
    }

    .lof-main-item-desc h3 a
    {
        color: #FFF;
        margin: 0;
        font-size: 140%;
        padding: 20px 8px 2px;
    }

        .lof-main-item-desc h3 a:hover
        {
            color: #FF6;
            text-decoration: underline;
        }


/* main flash */
ul.lof-main-wapper
{
    /* margin-right:auto; */
    overflow: hidden;
    background: transparent url(Images/Js/load-indicator.gif) no-repeat scroll 50% 50%;
    padding: 0px;
    margin: 0;
    height: 300px;
    width: 787px;
    position: absolute;
    overflow: hidden;
    list-style-type: none;
}

    ul.lof-main-wapper li
    {
        overflow: hidden;
        padding: 0px;
        margin: 0px;
        height: 100%;
        width: 787px;
        float: left;
        background-color: #ffffff;
    }

        ul.lof-main-wapper li img
        {
            padding: 0px;
        }

.lof-opacity li
{
    position: absolute;
    top: 0;
    left: 0;
    float: inherit;
}



li-desc
{
    z-index: 100;
    position: absolute;
    top: 150px;
    left: 50px;
    width: 400px;
    /* filter:0.7(opacity:60) */
}

    li-desc p
    {
        color: #FFF;
        margin: 0 8px;
        padding: 8px 0;
    }

    li-desc h3 a
    {
        color: #FFF;
        margin: 0;
        font-size: 140%;
        padding: 20px 8px 2px;
    }

        li-desc h3 a:hover
        {
            color: #FF6;
            text-decoration: underline;
        }

/* item navigator */
ul.lof-navigator
{
    top: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 100%;
}

    ul.lof-navigator li
    {
        cursor: pointer;
        list-style: none;
        width: 100%;
        padding: 0;
        margin: 0;
        overflow: hidden;
    }

.lof-navigator-outer
{
    position: absolute;
    right: 0;
    top: 00px;
    z-index: 100;
    height: 300px;
    width: 300px;
    overflow: hidden;
    color: #FFF;
}

.lof-navigator li.active
{
    width: 320px;
}

.lof-navigator li:hover
{
}

.lof-navigator li div
{
    background-color: rgba(140, 140, 140, 0.70);
    color: #FFF;
    height: 100px;
    position: relative;
    margin-left: 15px;
    padding-left: 15px;
    border-top: 1px solid #E1E1E1;
    border-top-color: #CFCFCF;
}

.lof-navigator li.active div, .lof-navigator li.active div h1
{
    background-color: rgba(23, 147, 198, 0.70);
    color: #ffffff;
}

.lof-navigator li img
{
    height: 60px;
    width: 60px;
    margin: 15px 15px 10px 0px;
    float: left;
    padding: 3px;
    border: #ffffff solid 1px;
}

.lof-navigator li.active img
{
    border: #ffffff solid 1px;
}

.lof-navigator li.active h3
{
    color: #FFF;
}

.lof-navigator span
{
    display: block;
    padding: 15px 0 0 0;
}

    .lof-navigator span a
    {
        color: #FFF;
    }

        .lof-navigator span a:hover
        {
            color: rgb(7, 78, 107);
        }