﻿#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: 520px; height: 380px; 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: 170px; height: 215px; overflow: hidden; float: left;  margin: 0px 6px; }
#list_video .list-video ul li.item .border-img-pl { position: relative;  }
#list_video .list-video ul li.item img { width: 100%; height: 115px; }
#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; }
