.thumbnail_list {
    position: relative;
    padding: 0;
    margin: 0 -5px
    }
.thumbnail_list > div > div {
    position: relative;
    margin: -12px 0
    }
.thumbnail_list.files_set_files > div > div {
    margin: -12px auto
    }
.thumbnail_list .thumnails_container {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 180px
    }
.thumbnail_list .thumnails_container > ul {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 1000em
    }
.thumbnail_list .thumnails_container > ul li {
    list-style: none;
    position: relative;
    float: left
    }
.thumbnail_list .thumnails_container > ul li > a:hover {
    text-decoration: none;
    cursor: pointer
    }
.thumbnail_list .thumnails_container > ul li > a > span {
    display: block;
    position: relative;
    text-align: center;
    z-index: 0;
    z-index: 0;
    width: 158px;
    height: 180px;
    overflow: visible
    }
.thumbnail_list .background {
    position: absolute;
    left: -8px;
    top: -2px;
    width: 175px;
    height: 184px;
    background: url(/static/image/v3/thumbnail_list.png) no-repeat 0 -67px
    }
.thumbnail_list li:hover .background {
    background-position: -175px -67px
    }
.thumbnail_list li:active .background {
    background-position: -350px -67px
    }
.thumbnail_list .thumbnail_container {
    position: absolute;
    background-color: #878787;
    overflow: hidden;
    left: 10px;
    top: 17px;
    width: 137px;
    height: 101px
    }
.thumbnail_list.files_sets .thumbnail_container {
    top: 31px;
    height: 87px
    }
.thumbnail_list .thumbnail_container img {
    position: absolute;
    border: none;
    left: 0;
    top: 0
    }
.thumbnail_list .number {
    position: absolute;
    left: 18px;
    top: 12px;
    width: 20px;
    height: 15px;
    text-align: center;
    line-height: 14px;
    background: url(/static/image/v3/thumbnail_list.png) no-repeat -192px -30px;
    font-size: 11px;
    color: #000
    }
.thumbnail_list li:hover .number, .thumbnail_list li:active .number {
    background-position: -172px -30px
    }
.thumbnail_list.files_sets .number {
    position: absolute;
    left: 5px;
    top: 12px;
    width: 147px;
    height: 19px;
    text-align: center;
    line-height: 19px;
    background: #FECB16;
    font-size: 11px;
    color: #000;
    font-weight: bold
    }
.thumbnail_list.files_sets li:hover .number, .thumbnail_list.files_sets li:active .number {
    background-color: #FECC00;
    left: 6px;
    top: 12px;
    width: 145px
    }
.thumbnail_list.files_set_files .number {
    left: 15px;
    width: 31px;
    padding-right: 1px;
    height: 24px;
    line-height: 17px;
    background-position: -244px -30px;
    font-size: 13px
    }
.thumbnail_list.files_set_files li:hover .number, .thumbnail_list.files_set_files li:active .number {
    background-position: -212px -30px
    }
.thumbnail_list .info {
    position: absolute;
    left: 10px;
    top: 122px;
    width: 137px;
    height: 41px;
    text-align: center;
    font-size: 12px;
    line-height: 12px
    }
.thumbnail_list li:hover .info, .thumbnail_list li:active .info {
    top: 110px;
    height: 53px
    }
.thumbnail_list .title {
    display: block
    }
.thumbnail_list li:hover .title {
    display: none
    }
.thumbnail_list .rating, .thumbnail_list .author, .thumbnail_list .category, .thumbnail_list .content, .thumbnail_list .date, .thumbnail_list .media {
    display: none
    }
.thumbnail_list li:hover .author, .thumbnail_list li:active .author, .thumbnail_list li:hover .category, .thumbnail_list li:active .category, .thumbnail_list li:hover .content, .thumbnail_list li:active .content, .thumbnail_list li:hover .date, .thumbnail_list li:active .date {
    display: block
    }
.thumbnail_list li:hover .media, .thumbnail_list li:active .media, .thumbnail_list li:hover .rating, .thumbnail_list li:active .rating {
    display: inline-block
    }
.thumbnail_list .title {
    color: #D9D9D9;
    line-height: 13px;
    overflow: hidden;
    height: 100%;
    width: 100%;
    text-overflow: ellipsis
    }
.thumbnail_list .author, .thumbnail_list .category, .thumbnail_list .date {
    color: #575759;
    font-size: 11px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
    }
.thumbnail_list .author {
    color: #19161A
    }
.thumbnail_list .media {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 18px
    }
.thumbnail_list .media > span {
    float: left;
    padding-left: 24px;
    width: 0;
    height: 18px;
    margin-right: 2px;
    background-image: url(/static/image/v3/thumbnail_list.png);
    overflow: hidden
    }
.thumbnail_list .media > span.audio {
    background-position: 0 0
    }
.thumbnail_list .media > span.self_test {
    background-position: -24px 0
    }
.thumbnail_list .media > span.animated_diagram {
    background-position: -48px 0
    }
.thumbnail_list .media > span.interactive_diagram {
    background-position: -72px 0
    }
.thumbnail_list .media > span.basic_file {
    background-position: -96px 0
    }
.thumbnail_list .media > span.item_file {
    background-position: -120px 0
    }
.thumbnail_list .media > span.pictures {
    background-position: -144px 0
    }
.thumbnail_list .media > span.td_image {
    background-position: -168px 0
    }
.thumbnail_list .media > span.interactive_image {
    background-position: -192px 0
    }
.thumbnail_list .media > span.virtual_microscope_slide {
    background-position: -216px 0
    }
.thumbnail_list .media > span.others {
    background-position: -240px 0
    }
.thumbnail_list .media > span.power_point_presentation {
    background-position: -264px 0
    }
.thumbnail_list .media > span.video {
    background-position: -288px 0
    }
.thumbnail_list .media > span.td_video {
    background-position: -312px 0
    }
.thumbnail_list .rating {
    width: 60px;
    background-image: url(/static/image/v3/thumbnail_list.png);
    background-position: 0 -18px;
    margin-top: 3px
    }
.thumbnail_list .rating span {
    display: block;
    height: 12px;
    background-image: url(/static/image/v3/thumbnail_list.png);
    background-position: -60px -18px
    }
.thumbnail_list .list_previous, .thumbnail_list .list_next {
    position: absolute;
    top: 50%;
    width: 22px;
    height: 37px;
    margin-top: -20px;
    cursor: pointer;
    background-image: url(/static/image/v3/thumbnail_list.png)
    }
.thumbnail_list .list_previous {
    left: -18px;
    background-position: 0 -30px
    }
.thumbnail_list .list_next {
    right: -18px;
    background-position: -22px -30px
    }
.thumbnail_list .list_previous:hover {
    background-position: -44px -30px
    }
.thumbnail_list .list_next:hover {
    background-position: -66px -30px
    }
.thumbnail_list .list_previous:active {
    background-position: -88px -30px
    }
.thumbnail_list .list_next:active {
    background-position: -110px -30px
    }
.thumbnail_list .paging {
    position: relative;
    height: 12px
    }
.thumbnail_list .paging > span {
    position: relative;
    clear: both;
    float: left;
    left: 50%;
    padding: 7px 0 12px 0
    }
.thumbnail_list .paging .pages {
    position: relative;
    float: left;
    left: -50%
    }
.thumbnail_list .paging .pages > .page_selected, .thumbnail_list .paging .pages > .page_not_selected {
    position: relative;
    display: block;
    float: left;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    margin: 0 3px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#888888')"
    }
.thumbnail_list .paging .pages > .page_selected {
    background-color: #FFCB00
    }
.thumbnail_list .paging .pages > .page_not_selected {
    background-color: #FFF;
    cursor: pointer
    }