@charset "utf-8";
/*reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,table,th,td{margin:0;padding:0}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{font:12px/18px "Microsoft YaHei","SimSun",Arial,Helvetica,sans-serif;color:#747474;background:#fff}
input,select,button,textarea{vertical-align:middle;font-size:12px;outline:none}
ol,ul{list-style:none}img{border:0}em{font-style:normal}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
table{border-collapse:collapse;border-spacing:0}
textarea{resize:none}
a{color:inherit;outline:none;text-decoration:none}
a:hover{color:#f54343;text-decoration:none;}
img{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
.playercontainer {
    width: 700px;
    height: 530px;
    position: relative;
    overflow: hidden;
    background: #000000;
}
/*播放容器*/
.playercontainer .videobox {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #000000; 
}
.playercontainer .loading {
    background: #444 url(http://p1.ifengimg.com/a/2016/1021/loading0.jpg) center center no-repeat;
}
.playercontainer .loadingbanner {
    width: 230px;
    height: 2px;
    position: absolute;
    left: 50%;
    margin-left: -110px;
    top: 305px;
    background-color: #e64543;
    border-radius: 700px/10px;
    -moz-border-radius: 700px/10px;
    -webkit-border-radius: 700px/10px;
    -o-border-radius: 700px/10px;
    background: gradient(linear, left top, left bottombottom, from(#F5C21B), to(#D17000));
    background: -moz-gradient(linear, left top, left bottombottom, from(#F5C21B), to(#D17000));
    background: -webkit-gradient(linear, left top, left bottombottom, from(#F5C21B), to(#D17000));
    background: -o-gradient(linear, left top, left bottombottom, from(#F5C21B), to(#D17000));
    display: block;
    overflow: hidden;
}
.playercontainer .loadingbanner::before {
    width: 100%;
    height: 100%;
    animation: flare 1s infinite;
    -moz-animation: flare 1s infinite;
    -webkit-animation: flare 1s infinite;
    -o-animation: flare 1s infinite;
    animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    background-image: linear-gradient(65deg, transparent -30%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.3) 27%, transparent 27%, transparent 100%);
    background-image: -moz-linear-gradient(65deg, transparent -30%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.3) 27%, transparent 27%, transparent 100%);
    background-image: -webkit-linear-gradient(65deg, transparent -30%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.3) 27%, transparent 27%, transparent 100%);
    background-image: -o-linear-gradient(65deg, transparent -30%, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.3) 27%, transparent 27%, transparent 100%);
    content: "background";
    display: block;
    position: absolute;
}
@keyframes flare {
    0% {
        background-position: 0px;
    }
    50% {
        background-position: 100px;
    }
    100% {
        background-position: 180px;
    }
}
@-moz-keyframes flare {
    0% {
        background-position: 0px;
    }
    50% {
        background-position: 100px;
    }
    100% {
        background-position: 180px;
    }
}
@-webkit-keyframes flare {
    0% {
        background-position: 0px;
    }
    50% {
        background-position: 100px;
    }
    100% {
        background-position: 180px;
    }
}
@-o-keyframes flare {
    0% {
        background-position: 0px;
    }
    50% {
        background-position: 100px;
    }
    100% {
        background-position: 180px;
    }
}
.playercontainer .videobox .videoPlayer {
    width: 100%;
    height: 100%;
}
.playercontainer .videobox .videoPlayer video{
    width: 100%;
    height: 100%;
    position: absolute;
    margin: auto;
    top: -3px;
    left: 0;
    bottom: 0;
    right: 0;
}
.playercontainer .videobox .danmakuContainer{
    width: 100%;
    height: 75%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    _filter: alpha(opacity=100);
    -moz-opacity: 1;
}
.playercontainer .videobox .danmakuContainerHide{
    opacity: 0;
    filter: alpha(opacity=0);
    _filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.playercontainer .videobox .danmakuContainer .danmakuList{
    position: absolute;
    white-space:nowrap;
    display: inline-block;
    font-size: 22px;
    /*font-weight: bold;*/
    height: 24px;
    line-height: 24px;
    margin-top: 36px;
    padding: 0 14px; 
    border-radius: 15px;
    -webkit-text-shadow: 1px 1px 1px #000;
    -moz-text-shadow: 1px 1px 1px #000;
    -o-text-shadow: 1px 1px 1px #000;
    text-shadow: 1px 1px 1px #000;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    cursor: default;
}
/*角标广告*/
.connerAd{
    width: 100px;
    height: 60px;
    position: absolute;
    right: 0;
    bottom: 40px;
    transition: bottom .5s ease-out;
    -moz-transition: bottom .5s ease-out;
    -webkit-transition: bottom .5s ease-out;
    -o-transition: bottom .5s ease-out;
}
.connerAdHide{
    display: none;
}
.connerAd img{
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.connerAd .connerClose{
    width: 16px;
    height: 17px;
    display: inline-block;
    position: absolute;
    right: 0;
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) -350px 0 no-repeat;
    cursor: pointer;
}
/*功能条显示*/
.playercontainer .videobox .videoControl {
    width: 100%;
    height: 70px;
    position: relative;
    margin-top: -70px;
    transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
}
.playercontainer .videobox .videoControl .videoControlBg {
    width: 100%;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=rgba(0,0,0,0),endColorStr=rgba(0,0,0,1)); /*IE 6 7 8*/
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,  rgba(0,0,0,1) 100%);        /* IE 10 */
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);/*火狐*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);  /*Opera 11.10+*/
}
.playercontainer .videobox .videoControl .videoHoverTime {
    position: absolute;
    left: 0%;
    bottom: 40px;
    line-height: 26px;
    transition: bottom .5s ease-out;
    -moz-transition: bottom .5s ease-out;
    -webkit-transition: bottom .5s ease-out;
    -o-transition: bottom .5s ease-out;
    z-index: -1;
}
.playercontainer .videobox .videoControl .videoHoverTime.haveAnchor {
    padding: 0 6px;
    max-width: 216px;
    color: #fff;
    background-color: rgba(0,0,0,0.5);
}
.playercontainer .videobox .videoControl .videoHoverTime div{
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
}
.playercontainer .videobox .videoControl .videoHoverTime span{
    height: 26px;
    padding: 0 6px;
    display: inline-block;
    color: #ccc;
    background-color: rgba(0,0,0,0.75);
}
.playercontainer .videobox .videoControl .videoHoverTime.haveAnchor span{
    margin: 0 6px 0 -6px;
}
.playercontainer .videobox .videoControl .videoProgress {
    width: 100%;
    height: 10px;
    position: absolute;
    top: 30px;
    background-color: rgba(96,96,96,0.8);
    cursor: pointer;
    z-index: 0;
}

.playercontainer .videobox .videoControl .videoProgress .videoBufferBg{
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(96,96,96,1);
    height: 100%;
    z-index: -1;
}
.playercontainer .videoControl .videoProgress .videoProgressBar {
    float: left;
    width: 7px;
    height: 100%;
    background-color: #e64543; 
}
.playercontainer .videoControl .videoProgress .videoProgressIcon {
    float: left;
    width: 14px;
    height: 14px;
    background: #ffffff;
    border-radius: 14px;
    margin: -2px 0 0 -7px;
}
.playercontainer .videoControl .videoProgress .anchors li{
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #fff;
    position: absolute;
    top: 2px;
}
.playercontainer .videobox .videoControl .videoBtns {
    width: 100%;
    height: 30px;
    position: absolute;
    top: 40px;
}
.playercontainer .videoControl .videoBtns .videoBtnsLeft, .playercontainer .videoControl .videoBtns .videoBtnsRight {
    width: 50%;
    height: 100%;
    overflow: hidden;
}
.playercontainer .videoControl .videoBtns .videoBtnsLeft {
    float: left;    
}
.playercontainer .videoControl .videoBtns .videoBtnsRight {
    float: right;    
}
.playercontainer .videoBtnsLeft .btn1, .playercontainer .videoBtnsLeft .btn2, .playercontainer .videoBtnsLeft .btn3 {
    width: 16px;
    height: 100%;
    float: left;
    margin-right:24px; 
}
.playercontainer .videoBtnsLeft .btn1 {
    margin-left: 20px;
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat 0 7px;
}
.playercontainer .videoBtnsLeft div:hover.btn1 {
    cursor: pointer;
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -200px 7px;
}
.playercontainer .videoBtnsLeft .btn2 {
    margin-left: 20px;
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -50px 7px;
}
.playercontainer .videoBtnsLeft div:hover.btn2 {
    cursor: pointer;
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -250px 7px;
}
.playercontainer .videoBtnsLeft .btn1 span, .playercontainer .videoBtnsLeft .btn2 span {
    position: absolute;
    left: 0;
    top: -40px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    background: rgba(0,0,0,0.3);
    opacity: 0;
    filter: alpha(opacity=0);
    _filter: alpha(opacity=0);
    -moz-opacity: 0;
    text-align: center;
    font-size: 14px;
    color: #cccccc;
    z-index: -1;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.playercontainer .videoBtnsLeft div:hover.btn1 span, .playercontainer .videoBtnsLeft div:hover.btn2 span{
    z-index: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    _filter: alpha(opacity=100);
    -moz-opacity: 1;
}
.playercontainer .videoBtnsLeft .btn3 {
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -350px -41px;
}
.playercontainer .videoBtnsLeft .btn3.haveNext{
    background-position: -100px 7px;
}
.playercontainer .videoBtnsLeft div:hover.btn3.haveNext {
    cursor: pointer;
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -200px -42px;
}
.playercontainer .videoBtnsLeft .btn3 .showNext {
    display: none;
}
.playercontainer .videoBtnsLeft .btn3.haveNext .showNext {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    _filter: alpha(opacity=0);
    -moz-opacity: 0;
    position: absolute;
    left: 0;
    top: -88px;
    width: 294px;
    height: 77px;
    z-index: -1;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.playercontainer .videoBtnsLeft div:hover.btn3.haveNext .showNext {
    z-index: 0;
    opacity: 1;
    filter: alpha(opacity=100);
    _filter: alpha(opacity=100);
    -moz-opacity: 1;
}
.playercontainer .videoBtnsLeft .btn3.haveNext .showNext .nextVideoLeft {
    float: left;
    width: 134px;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.playercontainer .videoBtnsLeft .btn3.haveNext .showNext .nextVideoLeft .nextVideoTime{
    position: absolute;
    padding: 0 5px;
    height: 24px;
    right: 0;
    bottom: 0;
    background: #272727;
    font-size: 14px;
    text-align: center;
    color: #cccccc;
    line-height: 24px;
}
.playercontainer .videoBtnsLeft .btn3.haveNext .showNext .nextVideoRight {
    float: left;
    width: 160px;
    height: 100%;
    background: #565656;
    background: rgba(0,0,0,0.5);
    font-size: 12px;
    overflow: hidden;
}
.playercontainer .videoBtnsLeft .btn3.haveNext .showNext .nextVideoRight p.title{
    line-height: 10px;
    padding: 9px 4px;
    color: #cccccc;
}
.playercontainer .videoBtnsLeft .btn3.haveNext .showNext .nextVideoRight p.content{
    line-height: 19px;
    padding: 0 7px 8px 6px;
    color: #ffffff;
}
.playercontainer .videoBtnsLeft .btn4{
    width: 130px;
    height: 100%;
    float:left;
}
.playercontainer .videoBtnsLeft .btn4 .playTime, .playercontainer .videoBtnsLeft .btn4 .split, .playercontainer .videoBtnsLeft .btn4 .totalTime{
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 12px;
}
.playercontainer .videoBtnsLeft .btn4 .playTime {
    color: #ffffff;
}
.playercontainer .videoBtnsLeft .btn4 .split {
    padding: 0 4px;
    color: #cccccc;
}
.playercontainer .videoBtnsLeft .btn4 .totalTime {
    color: #cccccc;
}
.playercontainer .videoBtnsRight .btn1, .playercontainer .videoBtnsRight .btn2, .playercontainer .videoBtnsRight .btn3, .playercontainer .videoBtnsRight .btn4, .playercontainer .videoBtnsRight .btn5, .playercontainer .videoBtnsRight .btn6 {
    height: 100%;
    float: right;
    margin-right:15px; 
    cursor: pointer;
}
.playercontainer .videoBtnsRight .btn1 {
    width: 16px;
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -150px 7px;
}
.playercontainer .videoBtnsRight div:hover.btn1 {
    width: 16px;
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -200px -93px;
}
.playercontainer .videoBtnsRight .btn2 {
    width: 16px;
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -150px -43px;
}
.playercontainer .videoBtnsRight div:hover.btn2 {
    width: 16px;
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -200px -143px;
}
.playercontainer .videoBtnsRight .btn3 {
    width: 33px;
    height: 40px;
    line-height: 16px;
    text-align: center;
    color: #ffffff;
}
.playercontainer .videoBtnsRight .btn3 >span{
    width: 100%;
    border: 1px solid #929292;
    border-radius: 3px;
    margin-top: 6px;
    display: inline-block;
}
.playercontainer .videoBtnsRight div:hover.btn3 >span{
    border: 1px solid #e64543;
}
.playercontainer .videoBtnsRight .btn4 {
    width: 49px;
}
.playercontainer .videoBtnsRight .btn4 .volumeTip, .playercontainer .videoBtnsRight .btn4 .volumeFullTip{
    position: absolute;
    right: 96px;
    top: -36px;
    width: 50px;
    height: 26px;
    line-height: 26px;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    filter: alpha(opacity=0);
    _filter: alpha(opacity=0);
    -moz-opacity: 0;
    text-align: center;
    font-size: 14px;
    color: #cccccc;
    z-index: -1;
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.playercontainer .videoBtnsRight .btn4 .volumeTip.volumeValueShow, .playercontainer .videoBtnsRight .btn4 .volumeFullTip.volumeValueShow{
    opacity: 1;
    filter: alpha(opacity=100);
    _filter: alpha(opacity=100);
    -moz-opacity: 1;
    z-index: 0;
}
.playercontainer .videoBtnsRight .btn4 .volumeFullTip{
    right: 0;
    width: 188px;
    overflow: hidden;
}
.playercontainer .videoBtnsRight .btn4 .volumeProgress {
    width: 50px;
    height: 3px;
    background: #606060;
    position: absolute;
    top: 14px;
}
.playercontainer .videoBtnsRight .btn4 .volumeProgressBar {
    width: 50%;
    height: 100%;
    float: left;
    background: #e64543;
}
.playercontainer .videoBtnsRight .btn4 .volumeProgressIcon {
    float: left;
    width: 4px;
    height: 13px;
    background: #ffffff;
    margin: -5px 0 0 -4px;
}
.playercontainer .videoBtnsRight .btn4 .volumeProgressIcon:hover {
    background: #e64543;
}
.playercontainer .videoBtnsRight .btn5, .playercontainer .videoBtnsRight .btn6 {
    width: 17px;
    margin-right: 6px;
}
.playercontainer .videoBtnsRight .btn5.little{
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) 0 -142px;
}
.playercontainer .videoBtnsRight .btn5.little{
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) 0 -142px;
}
.playercontainer .videoBtnsRight .btn5.middle{
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) 0 -92px;
}
.playercontainer .videoBtnsRight .btn5.large{
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) 0 -42px;
}
.playercontainer .videoBtnsRight .btn6 {
    width: 17px;
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat 0 -192px;
}
.playercontainer .videoBtnsRight .btn1 span, .playercontainer .videoBtnsRight .btn2 span, .playercontainer .videoBtnsRight .btn5 span, .playercontainer .videoBtnsRight .btn6 span{
    display: inline-block;
    position: absolute;
    top: -40px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    background: rgba(0,0,0,0.3);
    opacity: 0;
    filter: alpha(opacity=0);
    _filter: alpha(opacity=0);
    -moz-opacity: 0;
    text-align: center;
    font-size: 14px;
    color: #cccccc;
    z-index: -1;
    transition: all  0.3s ease-out;
    -moz-transition: all  0.3s ease-out;
    -webkit-transition: all  0.3s ease-out;
    -o-transition: all  0.3s ease-out;

}
.playercontainer .videoBtnsRight div:hover.btn1 span, .playercontainer .videoBtnsRight div:hover.btn2 span, .playercontainer .videoBtnsRight div:hover.btn5 span, .playercontainer .videoBtnsRight div:hover.btn6 span{
    opacity: 1;
    filter: alpha(opacity=100);
    _filter: alpha(opacity=100);
    -moz-opacity: 1;
    z-index: 0;
}
.playercontainer .videoBtnsRight .btn1 span, .playercontainer .videoBtnsRight .btn2 span{
    right: 0;
}
.playercontainer .videoBtnsRight .btn5 span, .playercontainer .videoBtnsRight .btn6 span{
    right: 136px;
}
.playercontainer .videoBtnsRight div:hover.btn5.little{
    background-position: -300px -92px;
}
.playercontainer .videoBtnsRight div:hover.btn5.middle{
    background-position: -350px -92px;
}
.playercontainer .videoBtnsRight div:hover.btn5.large{
    background-position: -150px -192px;
}
.playercontainer .videoBtnsRight div:hover.btn6{
    background-position: -200px -192px;
}
.playercontainer .videoBtnsRight .btn3 ul{
    position: absolute;
    right: 41px;
    top: -77px;
    margin-bottom: 7px;
    width: 45px;
    height: 77px;
    background: rgba(40,40,40,0.75);
    opacity: 0;
    filter: alpha(opacity=0);
    _filter: alpha(opacity=0);
    -moz-opacity: 0;
    font-size: 12px;
    color: #cccccc;
    z-index: -1;
    transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
}
.playercontainer .videoBtnsRight .btn3 ul li{ 
    width: 31px;
    height: 16px;
    border: 1px solid #929292;
    background: rgba(0,0,0,0.5);
    border-radius: 2px;
    margin: 0 6px;
    margin-top: 7px;
}
.playercontainer .videoBtnsRight .btn3.videorateShow ul{    
    opacity: 1;
    filter: alpha(opacity=100);
    _filter: alpha(opacity=100);
    -moz-opacity: 1;
    z-index: 0;
}
.playercontainer .videoBtnsRight .btn3 ul li.current {
    background: #e64543;
    color: #ffffff;
    border-color: #e64543;
}
.playercontainer .videoBtnsRight div:hover.btn3 ul li:hover {
    border: 1px solid #e64543;
    color: #ffffff;
}
.playercontainer .videoControl .videoText{
    width: 100%;
    height: 26px;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    background: rgba(40,40,40,0.8);
    position: absolute;
    bottom: 40px;
    left: 0;
    text-align: left;
    display: none;
    transition: bottom .5s ease-out;
    -moz-transition: bottom .5s ease-out;
    -webkit-transition: bottom .5s ease-out;
    -o-transition: bottom .5s ease-out;
}
.playercontainer .videoControl .videoTextShow{
    display: block;
}
.playercontainer .videoControl .videoTextShow .videoTextCon{
    display: inline-block;
    float: left;
    margin-left: 20px;
}
.playercontainer .videoControl .videoTextShow .videoTextCon a{
    color: #F54343;
    text-decoration: underline;
}
.playercontainer .videoControl .videoTextShow i{
    width: 15px;
    height: 15px;
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -49px -150px;
    cursor: pointer;
    float: right;
    margin: 6px 10px 0 0;
}
.playercontainer .videoControl .videoTextShow i:hover{
    background-position: -299px -150px;
}
.playercontainer .videoControl .videoTextShow .video_app_QRCode{
    width: 154px;
    height: 154px;
    background-color: rgba(0,0,0,0.6);
    position: absolute;
    bottom: 26px;
    opacity: 0;
    filter: alpha(opacity=0);
    _filter: alpha(opacity=0);
    -moz-opacity: 0;
    z-index: -1;
    transition: opacity 0.3 ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -webkit-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
}
.playercontainer .videoControl .videoTextShow .video_app_QRCodeShow{
    z-index: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    _filter: alpha(opacity=100);
    -moz-opacity: 1;
}
.playercontainer .videoControl .videoTextShow .video_app_QRCode img{
    width: 110px;
    height: 110px;
    position: relative;
    margin: 4px 22px;
}
.playercontainer .videoControl .videoTextShow .video_app_QRCode p{
    padding-left: 22px;
    line-height: 24px;
}
/*贴片广告*/
.playercontainer .videoad, .playercontainer .videopause {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    display: none;
}
.playercontainer .videoTipTop, .playercontainer .videoTipBottom{
    height: 29px;
    line-height: 29px;
    position: absolute;
    right: 6px;
    background-color: rgba(40,40,40,0.8);
    border-radius: 5px;
    font-size: 0;
    -webkit-text-size-adjust:none;
}
.playercontainer .videoTipTop {
    width: 188px;
    top: 8px;
}
.playercontainer .videoTipBottom {
    width: 123px;
    bottom: 9px;
}
.playercontainer .videoTipTop .videoTipNumber {
    display: inline-block;
    width: 38px;
    height: 100%;
    border-right: 1px solid #444f5c;
    overflow: hidden;
    text-align: center;
    letter-spacing: 2px;
    font-size: 14px;
    color: #ffffff;
}
.playercontainer .videoTipTop .videoTipVip{
    display: inline-block;
    width: 119px;
    height: 100%;
    overflow: hidden;
    font-size: 14px;
    text-align: center;
    color: #d34242;
}
.playercontainer .videoTipTop .videoTipVolume {
    float: right;
    width: 18px;
    height: 100%;
    margin-right: 11px;
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat 0 -42px;
}
.playercontainer .videoTipTop a:hover.videoTipVolume {
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -200px -192px;
}
.playercontainer .videoTipVolume.videoTipVolumeMute {
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -200px -192px;
}
.playercontainer .videoTipBottom .videoTipLink {
    display: block;
    width: 100%;
    height: 100%;
}
.playercontainer .videoTipBottom .videoTipLink .videoTipLinkL {
    display: inline-block;
    width: 102px;
    height: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
}
.playercontainer .videoTipBottom .videoTipLink .videoTipLinkR {
    float: right;
    width: 21px;
    height: 100%;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -250px -141px;
}
.playercontainer .videoad .videoAdLink {
    width: 100%;
    height: 100%;
}
.playercontainer .videoad .videoAdLink a{
    display: block;
    height: 100%;
    width: 100%;
}

/*暂停广告*/
.playercontainer .videopause .videoPauseLayout {
    width: 336px;
    height: 280px;
    margin: 0 auto;
    position: relative;
    top: 50%;
}
.playercontainer .videoPauseLayout .videoPausePosition {
    width: 100%;
    height: 100%;
    position: relative;
    top: -50%;    
    background: #d5cdcd;
}
.playercontainer .videoPauseLayout .videoPausePosition .videoPauseClose {
    position: absolute;
    width: 81px;
    height: 18px;
    top: 3px;
    right: 3px;
    border-radius: 2px;
    background-color: rgba(0,0,0,0.45);
    font-size: 0;
}
.playercontainer .videoPauseLayout .videoPauseClose .videoPauseCloseIcon {
    display: inline-block;
    width: 12px;
    height: 13px;
    padding: 2px 5px 3px 4px;
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -46px -98px;
}
.playercontainer .videoPauseLayout .videoPauseClose .videoPauseCloseText {
    display: inline-block;
    width: 60px;
    height: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    color: #ffffff;
}
.playercontainer .videoPauseLayout .videoPauseContent {
    display: block;
    width: 100%;
    height: 100%; 
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

/*banner广告*/
.playercontainer .videobanner{
    width: 360px;
    height: 50px;
    position: absolute;
    left: 50%;
    margin-left: -180px;
    bottom: 66px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    _filter: alpha(opacity=0);
    -moz-opacity: 0;
    z-index: -1;
    transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
}
.playercontainer .videobanner img{
    width: 100%;
    height: 100%;
    position: absolute;
}
.playercontainer .videobanner .bannericon{
    width: 35px;
    height: 14px;
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) -350px -150px;
    position: absolute;
    bottom: 0;
    left: 0;
}
.playercontainer .videobanner .bannerclose{
    width: 16px;
    height: 17px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) -350px 0;
}
.playercontainer .videobanner .bannerclose:hover{
    background-position: -400px 0;
}
.playercontainer .videobannerShow{
    opacity: 1;
    filter: alpha(opacity=100);
    _filter: alpha(opacity=100);
    -moz-opacity: 1;
    z-index: 0;
}

/*后推荐*/
.playercontainer .videorecommend {
    width: 100%;
    height: 100%;
    position: absolute;
    background: #444444;
    display: none;
}
.playercontainer .videorecommend .recomemndTop {
    display: block;
    width: 100%;
    height: 45px;
}
.playercontainer .videorecommend .recomemndTop .recomemndTopBg {
    display: block;
    width: 100%;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#070002,endColorStr=#444444); /*IE 6 7 8*/
    background: -ms-linear-gradient(top, #070002,  #444444);        /* IE 10 */
    background: -moz-linear-gradient(top, #070002, #444444);/*火狐*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#070002), to(#444444));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(top, #070002, #444444);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(top, #070002, #444444);  /*Opera 11.10+*/
}
.playercontainer .videorecommend .recomemndTop .recomemndTopContent {
    display: block;
    width: 100%;
    height: 20px;
    position: absolute;
    top: 10px;
    left: 0;
}
.playercontainer .videorecommend .videoRecommendLayout {    
    width: 100%;
    height: 300px;
    margin: 0 auto;
    position: relative;
    top: 50%;
}
.playercontainer .videoRecommendLayout .videoRecommendPosition {
    width: 100%;
    height: 100%;
    position: relative;
    top: -42%;
}
.playercontainer .videoRecommendLayout .videoRecommendPosition .containerLeft, .playercontainer .videoRecommendLayout .videoRecommendPosition .containerList{
    float: left;
}
.playercontainer .videoRecommendLayout .videoRecommendPosition .containerRight {
    float: right;
}
.playercontainer .videoRecommendPosition .containerLeft, .playercontainer .videoRecommendPosition .containerRight{
    height: 100%;
    width: 80px;
}
.playercontainer .videoRecommendPosition .containerList {
    width: 540px;
    height: 100%;
    overflow: hidden;
    position: relative;
}
.playercontainer .videoRecommendPosition .containerLeft .recommendLeft, .playercontainer .videoRecommendPosition .containerRight .recommendRight {
    width: 20px;
    height: 40px;
    margin: 130px auto;
    cursor: pointer;
}
.playercontainer .videoRecommendPosition .containerLeft .recommendLeft {    
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) -400px -200px;
}
.playercontainer .videoRecommendPosition .containerLeft.containerHover .recommendLeft {    
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) -50px -200px;
}
.playercontainer .videoRecommendPosition .containerLeft.containerHover div:hover.recommendLeft {    
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) -300px -200px;
}
.playercontainer .videoRecommendPosition .containerRight.containerHover .recommendRight {  
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) -100px -200px;    
}
.playercontainer .videoRecommendPosition .containerRight .recommendRight {  
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) -450px -200px;    
}
.playercontainer .videoRecommendPosition .containerRight.containerHover div:hover.recommendRight {  
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) -350px -200px;    
}
.playercontainer .videoRecommendPosition .containerLeft .disabled, .playercontainer .videoRecommendPosition .containerLeft div:hover.disabled {    
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) -400px -200px;
}
.playercontainer .videoRecommendPosition .containerRight .disabled, .playercontainer .videoRecommendPosition .containerRight div:hover.disabled {  
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) -450px -200px;    
}
.playercontainer .videoRecommendPosition .containerList {
    width: 540px;
    height: 100%;
    overflow: hidden;
}
.playercontainer .videoRecommendPosition .containerList ul {
    width: 1000%;
    height: 100%;
    position: absolute;
    left: 0;
    transition: left 0.7s ease-in-out;
    -moz-transition: left 0.7s ease-in-out;
    -webkit-transition: left 0.7s ease-in-out;
    -o-transition: left 0.7s ease-in-out;
}
.playercontainer .videoRecommendPosition .containerList ul li{
    float: left;
    display: block;
    width: 160px;
    line-height: 140px;
    overflow: hidden;
    margin: 0 10px;
}
.playercontainer .videoRecommendPosition .containerList ul li >div{
    margin-bottom: 20px;
}
.playercontainer .videoRecommendPosition .containerList ul li >div:hover a em {
    text-decoration: underline;
}
.playercontainer .videoRecommendPosition .containerList ul li a{
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 14px;
    color: #ffffff;
    overflow: hidden;
}
.playercontainer .videoRecommendPosition .containerList ul li a img{
    display: block;
    width: 100%;
    height: 90px;
    background: url(http://p3.ifengimg.com/a/2016/1107/recommendbg.png) 0 0 no-repeat;
    background-size: 100%;
}
.playercontainer .videoRecommendPosition .containerList ul li a i {
    position: relative;
    margin-top: -20px;
    width: 100%;
    height: 70px;
    display: block;
    background: rgba(0,0,0,0.5);
}
.playercontainer .videoRecommendPosition .containerList ul li a span.time {
    position: absolute;
    top: 70px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    display: block;
    background: url(http://p1.ifengimg.com/a/2016/1021/time.png) no-repeat 0 4px;
    padding-left: 20px;
}
.playercontainer .videoRecommendPosition .containerList ul li a em {
    display: block;
    top: 92px;
    line-height: 22px;
    filter: alpha(opacity=50);
    _filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    position: absolute;
    width: 100%;
}

/*播放失败文字提示*/
.playercontainer .videofail{
    width: 100%;
    height: 35px;
    line-height: 35px;
    position: absolute;
    top: 70px;
    left: 0;
    display: none; 
}
.playercontainer .videofail .videofailLayout{
    width: 260px;
    height: 100%;
    margin: 0 auto;
}
.videofail .videofailLayout .videofailText{
    float: left;
    font-size: 22px;
    color: #ffffff;
    cursor: default;
}
.videofail .videofailLayout .videofailReplay{
    float: right;
    width: 76px;
    height: 100%;
    cursor: pointer;
}
.videofailLayout .videofailReplay .videofailReplayBtn{
    background: #2e2e2e;
    height: 100%;
    padding: 0 12px;
}
.videofailLayout .videofailReplay .videofailReplayBtn i{
    display: block;
    float: left;
    width: 20px;
    height: 100%;
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -150px -139px;
}
.videofailLayout .videofailReplay .videofailReplayBtn span{
    float: right;
    font-size: 16px;
    color: #cccccc;
}

/*全屏用顶部显示*/
.playercontainer .videosiderTop {
    width: 100%;
    height: 70px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.playercontainer .videosiderTop .videosiderTopBg{
    float: left;
    width: 100%;
    height: 100%;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=rgba(0,0,0,0),endColorStr=rgba(0,0,0,1)); /*IE 6 7 8*/
    background: -ms-linear-gradient(bottom, rgba(0,0,0,0) 0%,  rgba(0,0,0,1) 100%);        /* IE 10 */
    background: -moz-linear-gradient(bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);/*火狐*/
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,1)));      /* Safari 4-5, Chrome 1-9*/
    background: -webkit-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);   /*Safari5.1 Chrome 10+*/
    background: -o-linear-gradient(bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);  /*Opera 11.10+*/
}
.playercontainer .videosiderTop .videosiderTopContent {
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: 20px;
}
.playercontainer .videosiderTopContent .siderTopTitle {
    float: left;
    height: 100%;
    line-height: 100%;
    width: 40%;
    margin-left: 20px;
    font-size: 18px;
    color: #ffffff;
    cursor: default;
    overflow: hidden;
}
.playercontainer .videosiderTopContent .siderTopScale {
    float: left;
    height: 100%;
    width: 27%; 
}
.playercontainer .videosiderTopContent .siderTopControl {
    float: right;
    height: 100%;
    line-height: 100%;
    /*overflow: hidden;*/
    width: 27%;
    margin-right: 20px;
}
.playercontainer .videosiderTopContent .siderTopScale ul, .playercontainer .videosiderTopContent .siderTopControl ul {
    display: block;
    height: 100%;
    width: 100%; 
}
.playercontainer .videosiderTopContent .siderTopScale ul li {
    float: left;
    height: 100%;
    /*width: 30%;*/
    padding: 0 15px;
    font-size: 16px;
    color: #ffffff;
    cursor: pointer;
}
.playercontainer .videosiderTopContent .siderTopScale ul li:hover {
    color: #e64543;
}
.playercontainer .videosiderTopContent .siderTopScale ul li.current {
    color: #e64543;
}
.playercontainer .videosiderTopContent .siderTopControl ul li {
    float: right;
    width: 20px;
    height: 20px;
    margin-left: 26px;
    cursor: pointer;
}
.playercontainer .videosiderTopContent .siderTopControl ul li.btn5 {    
    margin-left: 0;
    width: 50px;
    height: 100%;
    line-height: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    cursor: default;;
}
.playercontainer .videosiderTopContent .siderTopControl ul li.btn1 {
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -150px -97px ;
}
.playercontainer .videosiderTopContent .siderTopControl ul li:hover.btn1 {
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -250px -197px ;
}
.playercontainer .videosiderTopContent .siderTopControl ul li.btn2 {
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -100px -49px ;
}
.playercontainer .videosiderTopContent .siderTopControl ul li:hover.btn2 {
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -250px -49px ;
}
.playercontainer .videosiderTopContent .siderTopControl ul li.btn3 {
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -100px -100px ;
}
.playercontainer .videosiderTopContent .siderTopControl ul li:hover.btn3 {
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -250px -100px ;
}
.playercontainer .videosiderTopContent .siderTopControl ul li.btn4 {
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -100px -150px ;
}
.playercontainer .videosiderTopContent .siderTopControl ul li:hover.btn4 {
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -300px 0 ;
}
.playercontainer .videosiderTopContent .siderTopControl ul li.btn6{
    width: 50px;
    position: relative;
    top: -3px;
    display: none;
}
.playercontainer .videosiderTopContent .siderTopControl ul li.btn6.switchShow{
    display: block;
}
.playercontainer .videosiderTopContent .siderTopControl ul li.btn6 a.v_switch span{
    position: relative;
    display: block;
    width: 50px;
    height: 26px;
    background: #686868;
    border-radius: 13px;
    color: #ccc;
    cursor: pointer;
    webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.playercontainer .videosiderTopContent .siderTopControl ul li.btn6 a.v_switchon span{
    background-color: #f54343;
}
.playercontainer .videosiderTopContent .siderTopControl ul li.btn6 a.v_switch em{
    display: block;
    width: 40px;
    height: 24px;
    line-height: 24px;
    background: #444444;
    border-radius: 12px;
    text-align: center;
    font-style: normal;
    font-size: 12px;
    position: absolute;
    left: 1px;
    top: 1px;
    webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    -ms-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.playercontainer .videosiderTopContent .siderTopControl ul li.btn6 a.v_switchon em{
    left: 9px;
}
.playercontainer .siderTopControl ul li.btn1 span, .playercontainer .siderTopControl ul li.btn2 span, .playercontainer .siderTopControl ul li.btn3 span,  .siderTopControl ul li.btn4 span {
    display: block;
    position: absolute;
    top: 30px;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    background: rgba(0,0,0,0.3);
    opacity: 0;
    filter: alpha(opacity=0);
    _filter: alpha(opacity=0);
    -moz-opacity: 0;
    text-align: center;
    color: #cccccc;
    z-index: -1;
    transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
}
.playercontainer .siderTopControl ul li:hover.btn1 span, .playercontainer .siderTopControl ul li:hover.btn2 span, .playercontainer .siderTopControl ul li:hover.btn3 span,  .siderTopControl ul li:hover.btn4 span {
    opacity: 1;
    filter: alpha(opacity=100);
    _filter: alpha(opacity=100);
    -moz-opacity: 1;
    z-index: 0;
}
.playercontainer .videosiderTopContent .siderTopControl ul li.btn1 span{
    right: 0px;
}
.playercontainer .videosiderTopContent .siderTopControl ul li.btn2 span{
    right: 50px;
}
.playercontainer .videosiderTopContent .siderTopControl ul li.btn3 span{
    right: 95px;
}
.playercontainer .videosiderTopContent .siderTopControl ul li.btn4 span{
    right: 140px;
}
/*全屏时右边栏样式*/
.playercontainer .videosiderRight {
    /*width: 200px;*/
    width: 220px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    display: none; 
}
.playercontainer .videosiderRight .videosiderRightBg {
    float: right;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
}
.playercontainer .videosiderRight .videosiderRightContent {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.playercontainer .videosiderRightContent .siderRightShare, .playercontainer .videosiderRightContent .siderRightDown, .playercontainer .videosiderRightContent .siderRightList{
    width: 100%;
    height: 100%;
    float: right;
    display: none;
}
.playercontainer .videosiderRightContent div.current {
    display: block;
}
.playercontainer .videosiderRightContent .siderRightShare .shareTip, .playercontainer .videosiderRightContent .siderRightShare .copyTip, .playercontainer .videosiderRightContent .siderRightDown .downTip {
    height: 40px;
    line-height: 40px;
    color: #ffffff;
    text-align: center;
}
.playercontainer .videosiderRightContent .siderRightShare .shareTip {
    margin-top: 60px;    
}
.playercontainer .videosiderRightContent .siderRightShare .copyTip {
    margin-top: 50px;
}
.playercontainer .videosiderRightContent .siderRightShare img {
    display: block;
    width: 110px;
    height: 110px;
    margin: 0 auto;
}
.playercontainer .videosiderRightContent .siderRightShare .shareBtns {
    width: 110px;
    height: 30px;
    margin: 15px auto 0;
}
.playercontainer .videosiderRightContent .siderRightShare ul.shareBtns li {
    float: left;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    cursor: pointer;
}
.playercontainer .videosiderRightContent .siderRightShare ul.shareBtns li.btn1{
    background: url(http://p1.ifengimg.com/a/2016/1021/share.png) no-repeat -30px 0;
}
.playercontainer .videosiderRightContent .siderRightShare ul.shareBtns li.btn2 {
    background: url(http://p1.ifengimg.com/a/2016/1021/share.png) no-repeat 0 0;
}
.playercontainer .videosiderRightContent .siderRightShare ul.shareBtns li.btn3 {
    margin-right: 0;
    background: url(http://p1.ifengimg.com/a/2016/1021/share.png) no-repeat 0 -30px;
}
.playercontainer .videosiderRightContent .siderRightShare .copyBtns {
    width: 110px;
    height: 120px;
    margin: 0 auto;
}
.playercontainer .videosiderRightContent .siderRightShare ul.copyBtns li {
    width: 110px;
    height: 35px;
    line-height: 35px;
    margin: 0 auto 5px;
    text-align: center;
    background: #ffffff;
    cursor: pointer;
}
.playercontainer .videosiderRightContent .siderRightShare ul.copyBtns li.selected {
    background: #e64543;
    color: #ffffff;
}
.playercontainer .videosiderRightContent .siderRightShare ul.copyBtns li:hover , .playercontainer .videosiderRightContent .siderRightShare ul.copyBtns li.select {
    background: #e64543;
    color: #ffffff;
}
.playercontainer .videosiderRightContent .siderRightDown img{
    display: block;
    width: 110px;
    height: 110px;
    margin: 70px auto 20px;
}
.playercontainer .videosiderRightContent .siderRightList .listPosition{
    position: absolute;
    top: 50px;
    right: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
}
.playercontainer .siderRightList .listPosition ul {
    position: absolute;
    width: 180px;
    height: auto;
    margin: 0 28px 0 15px;
}
.playercontainer .siderRightList .listPosition ul li {
    height: 156px;
    width: 100%;
    margin-bottom: 8px;
}
.playercontainer .siderRightList .listPosition ul li:hover a em {
    text-decoration: underline;
}
.playercontainer .siderRightList .listPosition ul li.current a em {
    background-color: #e64543;
}
.playercontainer .siderRightList .listPosition ul li:hover.current a {
    cursor: default;
}
.playercontainer .siderRightList .listPosition ul li:hover.current a em {
    text-decoration: none;
}
.playercontainer .siderRightList .listPosition ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    font-size: 14px;
    color: #ffffff;
}
.playercontainer .siderRightList .listPosition ul li a img {
    display: block;
    width: 100%;
    height: 100px;
    position: relative;
}
.playercontainer .siderRightList .listPosition ul li a i {
    position: relative;
    margin-top: -26px;
    width: 100%;
    height: 84px;
    display: block;
    background-color: rgba(0,0,0,0.5);
}
.playercontainer .siderRightList .listPosition ul li a span.time {
    position: absolute;
    top: 78px;
    width: 100%;
    height: 20px;
    line-height: 22px;
    overflow: hidden;
    display: block;
    background: url(http://p1.ifengimg.com/a/2016/1021/time.png) no-repeat 0 4px;
    padding-left: 20px;
    margin-left: 4px; 
    font-size: 12px;
    color: #ccc;
}
.playercontainer .siderRightList .listPosition ul li a em {
    display: block;
    top: 100px;
    width: 96%;
    height: 56px;
    line-height: 24px;
    overflow: hidden;
    padding: 0 2%;
    filter: alpha(opacity=50);
    _filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    position: absolute;
}
.playercontainer .siderRightList .listPosition .scrollbar {
    position: relative;
    float: right;
    width: 10px;
    height: 100%;
    background: #000000;
}
.playercontainer .siderRightList .listPosition .scrollbar .scroller {
    position: absolute;
    width: 100%;
    /*height: 40%;*/
    /*top: 10%;*/
    background: #565757;
    cursor: pointer;
}
.playercontainer .siderRightList .listPosition .scrollbar div:hover.scroller {
    background: #e64543;
}
.playercontainer .videosiderRightContent .videosiderRightClose {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 44px;
}
.playercontainer .videosiderRightContent .videosiderRightClose .closeBtn {
    width: 15px;
    height: 15px;
    float: right;
    margin: 15px;
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -49px -150px;
}
.playercontainer .videosiderRightContent .videosiderRightClose div:hover.closeBtn {
    background: url(http://p1.ifengimg.com/a/2016/1219/icons.png) no-repeat -299px -150px;
    cursor: pointer;
}

/*进度条悬浮时间提示、音量提示显示*/
.playercontainer .videobox .videoControl .videoHoverTimeShow{
    /*display: block;*/
    z-index: 0;
}
/*顶部、右边栏、后推荐、播放失败提示显示*/
.playercontainer .videosiderTopShow, .playercontainer .videosiderRightShow, .playercontainer .videorecommendShow, .playercontainer .videofailShow{
    display: block;
}
/*贴片、暂停、banner广告显示*/
.playercontainer .videoadShow, .playercontainer .videopauseShow {
    display: block;
}
/*底部隐藏*/
.playercontainer .videoControlHide{
    display: none;
}
/*底部半隐藏*/
.playercontainer .videobox .videoControlHalfHide {    
    width: 100%;
    height: 40px;
    position: relative;
    margin-top: -40px;
}
.playercontainer .videobox .videoControlHalfHide .videoHoverTime, .playercontainer .videobox .videoControlHalfHide .connerAd{
    bottom: 3px;
}
.playercontainer .videobox .videoControlHalfHide .videoControlBg,.playercontainer .videobox .videoControlHalfHide .videoProgressTime, .playercontainer .videobox .videoControlHalfHide .videoProgress .videoProgressIcon, .playercontainer .videobox .videoControlHalfHide .anchors {    
    display: none;
}
.playercontainer .videobox .videoControlHalfHide .videoProgress {
    height: 3px;
    top: 37px;
}
.playercontainer .videobox .videoControlHalfHide .videoRate{
    top: 10px;
}
.playercontainer .videoControlHalfHide .videoText{
    bottom: 3px;
}
/*顶部全屏显示*/
.playercontainer .videosiderTop .siderTopFull .siderTopControl ul li.btn4, .playercontainer .videosiderTop .siderTopFull .siderTopControl ul li.btn4 span {
    display: none;
}
/*顶部后推荐显示*/
.playercontainer .videosiderTop .siderTopRecommend .siderTopScale, .playercontainer .videosiderTop .siderTopRecommend .siderTopControl ul li.btn1,  .videosiderTop .siderTopRecommend .siderTopControl ul li.btn5 {
    display: none;
}
.playercontainer .videosiderTop .siderTopRecommend .siderTopControl ul li:hover.btn2 span{
    right: 5px;
}
.playercontainer .videosiderTop .siderTopRecommend .siderTopControl ul li:hover.btn3 span{
    right: 50px;
}
.playercontainer .videosiderTop .siderTopRecommend .siderTopControl ul li:hover.btn4 span{
    right: 95px;
}
/*全屏切换*/
.boxFullScreen{
    width: 100%;
    min-height: 530px;
    height: 100%;       
    position: relative;
    overflow: hidden;
    top: 0;
    left: 0;
}
.boxFullScreen .videopause,  .boxFullScreen .videoad {
    width: 100%;
    height: 100%;
}

/*右键*/
.ctxMenu{
    width: 300px;
    height: auto;
    position: absolute;
    color: #000;
    line-height: 26px;
    font-size: 14px;
    border: 1px solid #BABABA;
    background-color: #fff;
    display: none;
}

.ctxMenu li{
    padding: 0 30px;
    height: 26px;
    cursor: pointer;
}
.ctxMenu li:hover{
    color: #fff;
    background-color: #4281F4;
}

/*款窄屏自适应*/
@media screen and (min-width:1300px){
    .playercontainer {
        width: 930px;
        height: 528px;
        position: relative;
        overflow: hidden;
    }
    .playercontainer .videoRecommendPosition .containerLeft, .playercontainer .videoRecommendPosition .containerRight{
        height: 100%;
        width: 105px;
    }
    .playercontainer .videoRecommendPosition .containerList {
        width: 720px;
        height: 100%;
        overflow: hidden;
    }
    .boxFullScreen {
        width: 100%;
        min-height: 100%;       
        position: relative;
        overflow: hidden;
        top: 0;
        left: 0;
    }
}