/*视频细览*/
.videoPlay video {
    width: 100%!important;
}


.videoCon {
    width: 100%;
    background:url() left 59px repeat-x;
    padding-bottom: 30px;
    min-width: 1003px;
}
.videoCon .videoName {
    height: auto;
}
.videoCon .videoName span,.videoCon .videoName span * {
    line-height: 59px;
    font-size: 19px;
    font-weight: bold;
    color: #FF9500;
}
.videoCon .videoPlay {
    width: 802px;
    min-height: 451px;
    margin: 0 auto;
}

.videoCon .videoShare {
    margin-top: 20px;
    background-color: #fff;
    border: 1px solid #eeeeee;
    height: 55px;
}
.videoCon .videoShare .bdsharebuttonbox {
    float: left;
    margin-top: 15px;
    padding-left: 15px;
}
/*分享*/
.jiathis_style_32x32 {
    margin-top: 10px;
    padding-left: 10px;
}
.videoCon .videoShare .date, .videoCon .videoShare .source{
    float: right;
    padding-left: 0;
    margin-right: 15px;
    line-height: 55px;
}
.videoDescription {
    margin-top: 20px;
}
.videoDescription .vdLeft {
    float: left;
    border: 1px solid #eeeeee;
    background-color: #fff;
    padding:14px;
    max-height:349px;
    overflow: hidden;
}
.videoDescription .vdLeft {
    width: 659px;
}
#xq{    position: relative;}
.vdRight {
    width: 272px;
    /*margin-left: 12px;*/
    position: absolute;
    right: 0;
    bottom: 0;
    border: 1px solid #eeeeee;
    background-color: #fff;
    padding:7px 14px;
    max-height:349px;
    overflow: hidden;
}
.vdRight .title{
    font-size: 16px;
    height: 25px;
    line-height: 25px;
    padding-left: 12px;
}
.vdLeft .vdlCon {
    margin-top: 10px;
    line-height: 38px;
    padding: 12px;
    height: 284px;
    overflow-y: auto;
}
.vdRight .vdrCon ul {
    padding-top: 10px;
}
.vdRight .vdrCon ul li {
    float: left;
    margin: 6px 2px 6px 0;
    width: 134px;
}
.vdRight .vdrCon ul li img {
    width: 134px;
    height: 110px;
    vertical-align: middle;
}
.vdRight .vdrCon ul li span {
    line-height: 35px;
    text-align: center;
    display: block;
}
.vdRight .vdrCon ul li span a{font-size:14px;}
/*自定义滚动条开始*/

/* 设置滚动条的样式 */
.vdLeft ::-webkit-scrollbar {
    width: 12px;
}

/* 滚动槽 */
.vdLeft ::-webkit-scrollbar-track {
    /*box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 2px;
    background: rgba(0,0,0,0);
}

/* 滚动条滑块 */
.vdLeft ::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: rgba(0,0,0,0.2);
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); */
}
.vdLeft ::-webkit-scrollbar-thumb:window-inactive {
    background: rgba(0,0,0,0.4);
}
.vdlCon{
    scrollbar-arrow-color: #EFEFEF; /*三角箭头的颜色*/
    scrollbar-face-color: #ccc; /*立体滚动条的颜色（包括箭头部分的背景色）*/
    scrollbar-3dlight-color: #efefef; /*立体滚动条亮边的颜色*/
    scrollbar-highlight-color: #fff; /*滚动条的高亮颜色（左阴影？）*/
    scrollbar-shadow-color: #efefef; /*立体滚动条阴影的颜色*/
    scrollbar-darkshadow-color: #efefef; /*立体滚动条外阴影的颜色*/
    scrollbar-track-color: #efefef; /*立体滚动条背景颜色*/
    scrollbar-base-color:#efefef; /*滚动条的基色*/

}

/*自定义滚动条结束*/
.bsBox{display:none;z-index:100000001;font-size:12px;background:url(http://static.bshare.cn/frame/images//background-opaque-dark.gif) !important;padding:6px !important;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.bsClose{_overflow:hidden;cursor:pointer;position:absolute;z-index:10000000;color:#666;font-weight:bold;font-family:Helvetica,Arial;font-size:14px;line-height:20px;}
.bsTop{color:#666;background:#f2f2f2;height:24px;line-height:24px;border-bottom:1px solid #e8e8e8;}
.bsTop span{float:left;}
.bsFrameDiv,#bsMorePanel{border:none;background:#fff;}
.bsReturn{float:right;*margin-right:20px;margin-right:36px;text-align:right;cursor:pointer;line-height:24px;color:#666;opacity:0.5;}
#bsReturn:hover{text-decoration:underline;opacity:1;}

@media only screen and (max-width:1025px) {
.videoCon{min-width:100%;}
.videoCon .videoPlay,.vdRight .vdrCon ul li img{width:100%;}
.videoDescription .vdLeft{width:auto;float:none;}
.vdRight{width:auto; position: inherit;margin-top:15px;max-height: inherit;}
.vdRight .vdrCon ul li{width:47%;margin: 6px 3px 6px 13px;}
.vdRight .vdrCon ul li span{
    width: 100%;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.videoCon .videoShare{height:auto;}

}
@media screen and (max-width:768px){
.vdRight .vdrCon ul li{width:46%;}


}
@media screen and (max-width:500px){
.vdRight .vdrCon ul li{width:45%;}
}
@media screen and (max-width:360px){
.vdRight .vdrCon ul li{width:44.5%;}
}