/**
* Copyright (c) 2015 Xinhuanet Inc. All rights reserved.
*
* @file   css/XNAGR_cover.css
* @author St. <st_sister@icloud.com>
* @time   2015-10-30-16.05
*/
.XNAGR_cover,
.XNAGR_cover .XNAGR_coverIn { height: 100%; min-height: 813px; }
.XNAGR_cover { width: 100%; min-width: 1200px; position: relative; overflow: hidden; background: none; text-align: center; text-align: left; color: #FFFFFF; }
.XNAGR_cover .XNAGR_coverIn { position: absolute; width: 1200px; top: 0; left: 50%; margin-left: -600px; }
.XNAGR_cover .bigTitle,
.XNAGR_cover .tileLine,
.XNAGR_cover .txt,
.XNAGR_cover .avatar,
.XNAGR_cover .logo { position: absolute; background-position: left top; background-repeat: no-repeat; }
.XNAGR_cover .bigTitle,
.XNAGR_cover .tileLine,
.XNAGR_cover .txt { width: 840px;height: 179px; top: 378px; left: 424px; overflow: hidden; font-size: 14px; color: #FFFFFF; /*line-height: 30px;*/ text-indent: 2em; background: url("../img/txtbg.jpg") repeat-y;padding: 15px;background-size: 100% auto;}
.XNAGR_cover .bigTitle h1 { display: none; }
.XNAGR_cover .bigTitle { height: 36px; top: 312px; background-image: url(../img/bigTitle.png); }
.XNAGR_cover .tileLine { height: 3px; top: 360px; background-image: url(../img/tileLine.png); }
.XNAGR_cover .logo { height: 107px; top: 17px; background-image: url(../img/xinhuanet.logo.white.png); left: 0; width: 285px;background-size:auto 100px;}
.XNAGR_cover .avatar { width: 99px; height: 101px; background-image: url(../img/avatarsSprite.jpg); text-align: center; font-size: 20px; color: #FFFFFF; line-height: 101px; text-shadow: 0 0 3px black; }
.XNAGR_cover  .a0 { top: 270px; left: 0; background-position: 0 0; }
.XNAGR_cover  .a1 { top: 270px; left: 106px; background-position: -99px 0; }
.XNAGR_cover  .a2 { top: 270px; left: 212px; background-position: -198px 0; }
.XNAGR_cover  .a3 { top: 270px; left: 318px; background-position: -297px 0; }
.XNAGR_cover  .a4 { top: 270px; left: 424px; background-position: -396px 0; }
.XNAGR_cover  .a5 { top: 270px; left: 530px; background-position: 0 -101px; }
.XNAGR_cover  .a6 { top: 270px; left: 636px; background-position: -99px -101px; }
.XNAGR_cover  .a7 { top: 270px; left: 742px; cursor:default; background-position: 0 0; background-image: url(../img/goodReporter.png); }
.XNAGR_cover  .a8 { top: 378px; left: 106px; background-position: -198px -101px; }
.XNAGR_cover  .a9 { top: 378px; left: 212px; background-position: -297px -101px; }
.XNAGR_cover .a10 { top: 378px; left: 318px; background-position: -396px -101px; }
.XNAGR_cover .a11 { top: 486px; left: 106px; background-position: 0 -202px; }
.XNAGR_cover .a12 { top: 486px; left: 0;  cursor:default; background-position: 0 0; background-image: url(../img/XNAGRLogo.png); width: 65px; height: 222px; }
.XNAGR_cover .a13 { top: 486px; left: 212px; background-position: -99px -202px; }
.XNAGR_cover .a14 { top: 486px; left: 318px; background-position: -198px -202px; }
.XNAGR_cover .a15 { top: 594px; left: 212px; background-position: -297px -202px; }
.XNAGR_cover .a16 { top: 594px; left: 318px; background-position: -396px -202px; }
.XNAGR_cover .a17 { top: 594px; left: 424px; background-position: 0 -303px; }
.XNAGR_cover .a18 { top: 594px; left: 530px; background-position: -99px -303px; }
.XNAGR_cover .a19 { top: 594px; left: 636px; background-position: -198px -303px; }
.XNAGR_cover .a20 { top: 594px; left: 742px; background-position: -297px -303px; }
.XNAGR_cover .a21 { top: 594px; left: 848px; background-position: -396px -303px; }
.XNAGR_cover .hide { display:none; }
/* 20171108 */
#floatbox{
    position: absolute;
    z-index: 10;
}
.float-off{
    top:270px;
    right:266px;
    /* width: 99px; */
    height: 101px;
}
.float-on{
    background-color: rgba(0,0,0,0.8);
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
.float-off .v-pic{
    width: 100%;
    height: 100%;
    line-height: 101px;
    overflow: hidden;
}
.float-off .v-pic span{
    line-height: 176px;
    margin-right: 6px;
    font-size: 24px;
}
.float-off .v-pic .v-img{
    display: inline-block;
    width: 99px;
    height: 100%;
    vertical-align: top;
    background: url("../img/hjz.jpg") no-repeat center;
    background-size: 99px auto;
}
.float-off .v-cover{
    cursor: pointer;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.5) url("../img/play4.png") no-repeat center;
    background-size: 50px auto;
}
.float-off .v-box{display: none;}

.float-on .v-pic{
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    float: right;
    font-size: 32px;
}
.float-on .v-pic .v-img{display: none;}
.float-on .v-box{
    position: absolute;
    width: 1200px;
    height: 718px;
    left: 50%;
    top:50%;
    margin-left: -600px;
    margin-top: -359px;
}
.v-pic{color: white;}
.v-box iframe{border: 0;outline: 0;width: 100%;height: 100%;}