@import "/css/reset.css";
@import "/css/btn.css";
@import "/css/font.css";
@import "/css/libs/header.css";
@import "/css/libs/main-nav.css";
a:visited {
    color: #8a56a3;
}
#header h1 {
    font-weight: normal;
}
.hvalign {
    display: table;
    text-align: center;
    overflow: hidden;
    background: #fff;
}
.hvalign-cnt {
    display: table-cell;
    vertical-align: middle;
    *display: inline;
    *height: 100%;
    *writing-mode: tb-rl;
}
.hvalign img {
    vertical-align: middle;
}
.crumb {
    border-top: 3px solid #e64545;
    line-height: 18px;
    padding: 5px 0;
    text-indent: 10px;
    margin-bottom: 20px;
}
.crumb h1 {
    display: inline;
    font-weight: normal;
}
.no-border {
    border: none;
}
.main {
    margin-bottom: 20px;
}
.top-pic {
    height: 120px;
    margin-bottom: 20px;
}
.title {
    line-height: 26px;
}

.title .h3 {
    font-size: 18px;
    font-weight: normal;
}

.video-block .intro {
    border-top: 2px solid #e3e3e3;
    margin-bottom: 10px;
    padding-top: 5px;
}

.top-zone {
    margin-bottom: 30px;
}
.top-zone .top-video {
    width: 485px;
    float: left;
}
.top-zone .top-video .title a{
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.top-zone .top-video .video-cnt {
    height: 313px;
    background: #ccc;
}

.top-zone .top-video .info {
    padding: 10px;
    background-color: #f8f8f8;
    border: 1px solid #ddd;
}
.top-zone .top-video .video-title {
    font-size: 16px;
    font-weight: bold;
}
.top-zone .top-video .info p {
    line-height: 16px;
    height: 32px;
    overflow: hidden;
    margin: 0 0 10px 0;
}
.top-zone .featured-videos {
    width: 486px;
    float: right;
}

.video-block {
    margin-bottom: 30px;
}
.top-zone .video-block {
    margin-bottom: 0;
}
.video-block .item {
    width: 234px;
    height: 188px;
    float: left;
    margin-right: 18px;
    margin-bottom: 15px;
    overflow: hidden;
}
.video-block .last {
    margin-right: 0;
}
.video-block .pic {
    width: 234px;
    height: 132px;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
}
.video-block .pic .hvalign {
    width: 234px;
    height: 132px;
}
.video-block .pic a {
    position: absolute;
    width: 234px;
    height: 132px;
    left: 0;
    top: 0;
    background: url(/img/video-show/video-play.png) #000 center center no-repeat;
    opacity: .2;
    filter: alpha(opacity=20);
}
.video-block .pic a:hover {
    opacity: .4;
    filter: alpha(opacity=40);
}

.video-block .video-name {
    line-height: 16px;
    height: 32px;
    overflow: hidden;
}
.video-block .video-name h2,
.video-block .video-name h3 {
    font-weight: normal;
}
.video-block .by a {
    color: #666;
}

.video-detail-title {
    margin-bottom: 10px;
}

.video-detail {
    width: 720px;
    float: left;
}
.video-detail .video-cnt {
    height: 445px;
}

.video-detail .video-info {
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    padding: 10px;
    overflow: hidden;
}
.video-detail .video-info p {
    margin: 0 0 10px 0;
}
.sider-video-list {
    width: 254px;
    float: right;
}
.sider-video-list .video-wrap {
    height: 576px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}
.sider-video-list .item {
    padding: 10px 9px 0;
    border: 1px solid #fff;
    height: 180px;
}
.sider-video-list .item:hover,
.sider-video-list .item-selected {
    background: #eee;
    border: 1px solid #ddd;
}


.sider-video-list .pic {
    width: 234px;
    height: 132px;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
}
.sider-video-list .pic .hvalign {
    width: 234px;
    height: 132px;
}
.sider-video-list .pic a {
    position: absolute;
    width: 234px;
    height: 132px;
    left: 0;
    top: 0;
    background: url(/img/video-show/video-play.png) #000 center center no-repeat;
    opacity: .2;
    filter: alpha(opacity=20);
}
.sider-video-list .pic a:hover {
    opacity: .4;
    filter: alpha(opacity=40);
}

.sider-video-list .name {
    line-height: 16px;
    height: 32px;
    overflow: hidden;
}
.sider-video-list .name h3 {
    font-weight: normal;
}
.sider-video-list .arrow {
    text-align: center;
}

.sider-video-list .arrow a {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 50px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    font-size: 20px;
    background: #ccc;
    margin: 0 5px;
}
.sider-video-list .arrow a:hover {
    background: #666;
    text-decoration: none;
}
.sider-video-list .arrow .icon {
    margin: 0;
}
.sider-video-list .arrow .disable,
.sider-video-list .arrow .disable:hover {
    background: none;
    color: #ccc;
    cursor: default;
}
.sns-share {
    margin-top: 6px;
}


/*page*/
.pager {
    text-align: center;
    margin-top: 20px;
}
.pager .pageNum {
    zoom: 1;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-color: #fff;
    padding: 0 2px;
    -webkit-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6);
    -moz-box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6);
    box-shadow: inset 0 0 3px rgba(255, 255, 255, 0.6);
}
.pager .pageNum a, .pager .pageNum strong {
    float: left;
    display: block;
    font-weight: bold;
    padding: 0px 10px;
    height: 26px;
    line-height: 26px;
    background: #fff;
    text-decoration: none;
    border: solid 1px #dddddd;
    margin-left: -1px;
}
.pager .pageNum .icon {
    margin-right: 0;
    line-height: 26px;
}
.pager .pageNum a {
    color: #666;
}
.pager .pageNum strong {
    border:1px solid #e64545;
    background: #e64545;
    position: relative;
    color: #fff;
}
.pager .pageNum a:hover {
    background: #e64545;
    text-decoration: none;
    color: #fff;
    border:1px solid #e64545;
}
.pager .pageNum .next, .pager .pageNum .prev {
    font-weight: normal;
}
.pager .pageNum .next {
}
.pager li {
    float: left;
}
.pager .pageMark {
    padding: 15px 0 5px 0;
    font-size: 11px;
    -webkit-text-size-adjust: none a, strong;
    -webkit-text-size-adjust-padding: 1px;
    -webkit-text-size-adjust-margin-left: 3px;
}
.pager .pageMark a {
    color: #666;
}
.pager .pageMark strong {
    color: #333;
    font-weight: bold;
}




/*video list*/
.video-list-info {
    margin: -10px 0 10px;
    color: #555;
    position: relative;
}

.quick-bottom {
    border: 1px solid #ddd;
    margin-top: 20px;
}
.quick-bottom .title {
    line-height: 28px;
    padding: 0 10px;
    font-weight: bold;
    background: #f2f2f2;
    border-bottom: 1px solid #ddd;
}
.quick-bottom .list {
    overflow: hidden;
    zoom: 1;
}

.quick-bottom .list li {
    float: left;
    width: 144px;
    padding: 5px 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}