/******************       JSSOR     **********************/
.jssorb03 {
    position: absolute;
}

    .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
        position: absolute;
        /* size of bullet elment */
        width: 21px;
        height: 21px;
        text-align: center;
        line-height: 21px;
        color: white;
        font-size: 12px;
        background: url('/theme/img/b03.png') no-repeat;
        overflow: hidden;
        cursor: pointer;
    }

    .jssorb03 div {
        background-position: -5px -4px;
    }

        .jssorb03 div:hover, .jssorb03 .av:hover {
            background-position: -35px -4px;
        }

    .jssorb03 .av {
        background-position: -65px -4px;
    }

    .jssorb03 .dn, .jssorb03 .dn:hover {
        background-position: -95px -4px;
    }

/* jssor slider arrow navigator skin 03 css */
/*
.jssora03l                  (normal)
.jssora03r                  (normal)
.jssora03l:hover            (normal mouseover)
.jssora03r:hover            (normal mouseover)
.jssora03l.jssora03ldn      (mousedown)
.jssora03r.jssora03rdn      (mousedown)
*/
.jssora03l, .jssora03r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url(../../Image/user/b03.png) no-repeat;
    overflow: hidden;
}

.jssora03l {
    background-position: -3px -33px;
}

.jssora03r {
    background-position: -63px -33px;
}

.jssora03l:hover {
    background-position: -123px -33px;
}

.jssora03r:hover {
    background-position: -183px -33px;
}

.jssora03l.jssora03ldn {
    background-position: -243px -33px;
}

.jssora03r.jssora03rdn {
    background-position: -303px -33px;
}

.img_top_slider {
    cursor: pointer;
    opacity: 0.8;
    filter: alpha(opacity=80);
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
}

    .img_top_slider:hover {
        cursor: pointer;
        opacity: 1;
        filter: alpha(opacity=100);
    }

.img_top_slider_100 {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
}

.ul_pager_dotted {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

    .ul_pager_dotted li {
        margin-right: 10px;
        width: 10px;
        height: 10px;
        background-color: #ef8698;
        float: left;
        cursor: pointer;
        transition: all 0.5s;
        border-radius: 10px;
    }

        .ul_pager_dotted li.current {
            background-color: #a8518a;
        }

#td_caption {
    font-family: 'B Nazanin';
    font-size: 17px;
}


.jssorb03 {
    position: absolute;
}

    .jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
        position: absolute;
        /* size of bullet elment */
        width: 21px;
        height: 21px;
        text-align: center;
        line-height: 21px;
        color: white;
        font-size: 12px;
        background: url(../../Image/user/b03.png) no-repeat;
        overflow: hidden;
        cursor: pointer;
    }

    .jssorb03 div {
        background-position: -5px -4px;
    }

        .jssorb03 div:hover, .jssorb03 .av:hover {
            background-position: -35px -4px;
        }

    .jssorb03 .av {
        background-position: -65px -4px;
    }

    .jssorb03 .dn, .jssorb03 .dn:hover {
        background-position: -95px -4px;
    }

/* jssor slider arrow navigator skin 03 css */
/*
            .jssora03l                  (normal)
            .jssora03r                  (normal)
            .jssora03l:hover            (normal mouseover)
            .jssora03r:hover            (normal mouseover)
            .jssora03l.jssora03ldn      (mousedown)
            .jssora03r.jssora03rdn      (mousedown)
            */
.jssora03l, .jssora03r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url(../../Image/user/a03.png) no-repeat;
    overflow: hidden;
}

.jssora03l {
    background-position: -3px -33px;
}

.jssora03r {
    background-position: -63px -33px;
}

.jssora03l:hover {
    background-position: -123px -33px;
}

.jssora03r:hover {
    background-position: -183px -33px;
}

.jssora03l.jssora03ldn {
    background-position: -243px -33px;
}

.jssora03r.jssora03rdn {
    background-position: -303px -33px;
}



.div_last_work_thumb {
    overflow: hidden;
    cursor: pointer;
}

    .div_last_work_thumb .image {
        position: absolute;
        left: -5px;
        top: -5px;
        right: -5px;
        bottom: -5px;
        z-index: 9;
        background-position: center center;
        background-size: 100%;
        transition: all 0.4s;
    }

    .div_last_work_thumb:hover .image {
        background-size: 120%;
        /*
        -webkit-transform: rotate(2deg);
        -moz-transform: rotate(2deg);
        */
    }

    .div_last_work_thumb .orange_cover {
        position: absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 10;
        background-color: #ef8698;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: all 0.2s;
    }

    .div_last_work_thumb:hover .orange_cover {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

    .div_last_work_thumb .magnifire {
        position: absolute;
        width: 32px;
        height: 32px;
        top: 80%;
        margin-top: -16px;
        left: 50%;
        margin-left: -16px;
        z-index: 11;
        background-image: url(../../Image/user/zoom_32x32.png);
        background-repeat: no-repeat;
        background-position: center center;
        opacity: 0;
        filter: alpha(opacity=0);
        transition: all 0.5s;
    }

    .div_last_work_thumb:hover .magnifire {
        top: 50%;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .div_last_work_thumb .title {
        position: absolute;
        right: 5px;
        bottom: 5px;
        left: 5px;
        z-index: 12;
        padding: 5px 10px;
        background-image: url(../../Image/Transparency/w60.png);
        color: #60013f;
        border-radius: 3px;
        transition: all 0.5s;
    }

    .div_last_work_thumb:hover .title {
        background-image: url(../../Image/Transparency/w80.png);
        padding-right: 15px;
    }

.jssora05l, .jssora05r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url(../../Image/user/a17.png) no-repeat;
    overflow: hidden;
}

.jssora05l {
    background-position: -10px -40px;
}

.jssora05r {
    background-position: -70px -40px;
}

.jssora05l:hover {
    background-position: -130px -40px;
}

.jssora05r:hover {
    background-position: -190px -40px;
}

.jssora05l.jssora05ldn {
    background-position: -250px -40px;
}

.jssora05r.jssora05rdn {
    background-position: -310px -40px;
}

.jssort01-99-66 .p {
    position: absolute;
    top: 0;
    left: 0;
    width: 99px;
    height: 66px;
}

.jssort01-99-66 .t {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.jssort01-99-66 .w {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.jssort01-99-66 .c {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 95px;
    height: 62px;
    border: #000 2px solid;
    box-sizing: content-box;
    background: url(../../Image/user/t01.png) -800px -800px no-repeat;
    _background: none;
}

.jssort01-99-66 .pav .c {
    top: 2px;
    _top: 0px;
    left: 2px;
    _left: 0px;
    width: 95px;
    height: 62px;
    border: #000 0px solid;
    _border: #fff 2px solid;
    background-position: 50% 50%;
}

.jssort01-99-66 .p:hover .c {
    top: 0px;
    left: 0px;
    width: 97px;
    height: 64px;
    border: #fff 1px solid;
    background-position: 50% 50%;
}

.jssort01-99-66 .p.pdn .c {
    background-position: 50% 50%;
    width: 95px;
    height: 62px;
    border: #000 2px solid;
}

* html .jssort01-99-66 .c, * html .jssort01-99-66 .pdn .c, * html .jssort01-99-66 .pav .c {
    /* ie quirks mode adjust */
    width /**/: 99px;
    height /**/: 66px;
}



.jssora02l, .jssora02r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url(../../Image/user/a02.png) no-repeat;
    overflow: hidden;
}

.jssora02l {
    background-position: -3px -33px;
}

.jssora02r {
    background-position: -63px -33px;
}

.jssora02l:hover {
    background-position: -123px -33px;
}

.jssora02r:hover {
    background-position: -183px -33px;
}

.jssora02l.jssora02ldn {
    background-position: -3px -33px;
}

.jssora02r.jssora02rdn {
    background-position: -63px -33px;
}

.jssort11 .p {
    position: absolute;
    top: 0;
    left: 0;
    width: 260px;
    height: 69px;
    background: #ffd7de;
}

.jssort11 .tp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

.jssort11 .i, .jssort11 .pav:hover .i {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 60px;
    height: 40px;
    border: white 1px dashed;
}

* html .jssort11 .i {
    width /**/: 62px;
    height /**/: 32px;
}

.jssort11 .pav .i {
    border: white 1px solid;
}

.jssort11 .t, .jssort11 .pav:hover .t {
    position: absolute;
    top: 3px;
    left: 60px;
    right: 5px;
    /*
    width: 129px;
    */
    height: 32px;
    overflow: hidden;
    line-height: 32px;
    text-align: right;
    color: #882566;
    font-size: 13px;
    font-weight: 700;
    direction: rtl;
}

.jssort11 .pav .t, .jssort11 .p:hover .t {
    color: #fff;
}

.jssort11 .c, .jssort11 .pav:hover .c {
    position: absolute;
    top: 38px;
    left: 3px;
    right: 3px;
    /*
    width: 194px;
    */
    height: 32px;
    overflow: hidden;
    line-height: 32px;
    color: #a8518a;
    font-size: 11px;
    font-weight: 400;
    overflow: hidden;
}

.jssort11 .pav .c, .jssort11 .p:hover .c {
    color: #882566;
}

.jssort11 .t, .jssort11 .c {
    transition: color 0.5s;
}

.jssort11 .p:hover .t, .jssort11 .pav:hover .t, .jssort11 .p:hover .c, .jssort11 .pav:hover .c {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

.jssort11 .p:hover, .jssort11 .pav:hover {
    background: #e47286;
}

.jssort11 .pav, .jssort11 .p.pdn {
    background: #ef8698;
}
/**/