﻿#list_video {
    position: relative;
}

    #list_video .more {
        position: absolute;
        top: -30px;
        right: 0px;
    }

    #list_video .iconplay {
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        background: url(images/btn-play.png) no-repeat center center;
        z-index: 2;
    }

    #list_video .top-video .item-1 .iconplay, #list_video .top-video .item-2 .iconplay,
    #list_video .list-video ul li.item .iconplay {
        background: url(images/btn-play-small.png) no-repeat center center;
    }

    #list_video .top-video {
        height: 360px;
        margin-bottom: 10px;
    }

        #list_video .top-video .item {
            position: relative;
        }

            #list_video .top-video .item .h2Title {
                z-index: 1;
                position: absolute;
                bottom: 0px;
                left: 0px;
            }

        #list_video .top-video .item-0 .h2Title {
            background: #efefef;
            color: black;
            font-size: 1.2em;
            text-transform: uppercase;
            width: 100%;
            padding: 8px 10px;
            line-height: 1.5em;
        }

        #list_video .top-video .item-0 {
            width: 400px;
            height: 360px;
            float: left;
        }

        #list_video .top-video .item-1, #list_video .top-video .item-2 {
            margin-bottom: 10px;
        }

        #list_video .top-video .item-1, #list_video .top-video .item-2, #list_video .top-video .item-3, #list_video .top-video .item-4 {
            width: 220px;
            height: 165px;
            float: right;
            margin-left: 10px;
        }

            #list_video .top-video .item-1 .h2Title, #list_video .top-video .item-2 .h2Title {
                padding: 5px;
                background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.5);
                color: white;
            }

        #list_video .top-video .item img {
            width: 100%;
            height: auto;
        }

        #list_video .top-video .item-1 {
            margin-bottom: 10px;
        }

            #list_video .top-video .item-1 img, #list_video .top-video .item-2 img {
                height: 165px;
            }

    #list_video .list-video {
        padding-top: 10px;
    }

        #list_video .list-video ul li.item {
            width: 33.333333333333%;
            height: 300px;
            overflow: hidden;
            float: left;
            margin: 0px;
            padding: 10px 10px;
            margin-bottom: 20px;border-bottom: solid 1px #ccc;
        }

            #list_video .list-video ul li.item .border-img-pl {
                position: relative;
            }

            #list_video .list-video ul li.item img {
                width: 100%;
                height: 210px;
            }

            #list_video .list-video ul li.item .h2Title {
                margin-top: 6px;
                text-align: center;
            }

            #list_video .list-video ul li.item .date {
                padding-top: 5px;
                display: block;
                text-align: center;
                color: #4C4C4C;
            }

            #list_video a:hover .iconplay, #list_video .list-video ul li.item a:hover .iconplay,
            #list_video .top-video .item-1 a:hover .iconplay, #list_video .top-video .item-2 a:hover .iconplay {
                background-color: black;
                opacity: 0.6;
            }

.video-info {
    margin-bottom: 10px;
}

    .video-info .title-video {
        text-transform: uppercase;
        font-size: 1.2em;
        font-weight: bold;
        margin-bottom: 6px;
    }

    .video-info .meta {
        font-style: italic;
        color: #4c4c4c;
        display: block;
        margin-bottom: 5px;
    }

    .video-info .meta-social li {
        display: inline;
    }

.box-code-like {
    margin: 10px 0px;
}

.box-main-content {
    margin-top: 15px;
}

    .box-main-content h1.title {
        margin-bottom: 5px !important;
    }

.more-video {
    margin-top: 30px;
    border-top: 3px solid #A74325;
}

    .more-video .title {
        font-size: 1.5em;
        padding-top: 10px;
        margin-bottom: 6px;
        color: #A74325;
    }

#video_topView .list-item {
    margin-top: 0px;
}

    #video_topView .list-item li {
        clear: both;
        margin-bottom: 8px;
        padding-bottom: 8px;
        border-bottom: 1px solid #c0c0c0;
    }

        #video_topView .list-item li:last-child {
            border-bottom: none;
        }

        #video_topView .list-item li img {
            float: left;
            padding-right: 5px;
            width: 80px;
            height: auto;
        }

#slider_wrap {
    margin-top: -16px;
    position: relative;
    padding: 30px 0px 30px 60px;
    width: 940px;
    height: 344px;
    background: url(images/slider-bg.png) no-repeat top left;
}

    #slider_wrap .des-box {
        position: absolute;
        right: 10px;
        top: 10px;
    }
