@charset "utf-8";
body,div,ul,ol,li,h1,h2,p,dl,dt,dd{padding:0;margin:0}
h1,h2{font-weight:normal;font-size:100%}
table{border-collapse:collapse;border-spacing:0}
img{border:0;-ms-interpolation-mode:bicubic}
a{text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());}
a:link{color:#000;text-decoration:none;text-align: center;}
a:visited{text-decoration:none;text-align: center;}
a:hover{text-decoration:none;text-align: center;}
ol,ul{list-style:none}
.fl{float:left;}
.fr{float:right;}
.fl,.fr{display:inline;}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
html{font:12px Microsoft Yahei,Arial,Helvetica,sans-serif}
i{display:block;float:left;font-style:normal;clear:both;}
body{min-width: 1000px;background-color: #053e7d;}

.navi-head{position:relative;z-index:5;}
.bg1,.bg2,.bg3{position:absolute;left: 50%; margin-left: -1000px;width:2000px;z-index:1;}
.bg1 img,.bg2 img,.bg3 img{width:100%;}
.bg1{top:-46px;height:1224px;background: url(./images/bg112.jpg) no-repeat 0 0;}
.bg2{top:1178px;height:1683px;background: url(./images/bg2.jpg) no-repeat 0 0;}
.bg3{top:2861px;height:858px;background: url(./images/bg3.jpg) no-repeat 0 0;}
.total{position:relative;overflow:hidden;width:100%;}
.title{position:relative;top:-27px;z-index:3;width:888px;height:359px;margin:0 auto;background: url(./images/title.png) 0 0 no-repeat;_background: url(./images/title_8bit.png) 0 0 no-repeat;}
.content{position:relative;z-index:2;width:1318px; left: 50%; margin-left: -659px;}
.contentBg{position:absolute;top:-149px;left:0;width:100%;height:2126px;background: url(./images/contentbg1.png) 0 0 no-repeat;_background: url(./images/content_8bit.png) 0 0 no-repeat;background-size: 100% 100%;}
.contentBg img{width:100%;}
.contentP{position:relative;z-index:3;top:30px;left:264px;}
.videoList{position:relative;margin-top:23px;*margin-top:0px;width:736px;height:359px;background-color: #000;}
.video{width:538px;height:359px;overflow:hidden;}
.videoList dl{position:relative;width:198px;height:359px;background-color: #252525;overflow:hidden;}
.videoList dt{position:relative;z-index:2;width:189px;height:50px;padding-left:9px;background-color: #303030;color:#fff;line-height: 50px;font-size: 16px;}
.videoList .vlogo{margin-top:8px;width:35px;height:37px;margin-right:8px;}
.videoList dt .top{margin-top:8px;font-size:16px;font-weight: bold;color:#fff; }
.videoList dt .bottom{margin-top:2px;font-size:12px;font-family:宋体;color:#848484}
.videoList dl dd{position:relative;top:0px;z-index:1;margin-bottom:1px;background-color: #303030;}
.videoList dl dd a{display:block;width:189px;padding-top:10px;padding-left:9px;padding-bottom:13px;background-color: #444;}
.videoList dl dd a:hover{text-decoration: none;}
.update{position:absolute;z-index:2;width:198px;height:29px;bottom:0px;background-color: #252525;}
.returnU{position:relative;z-index:2;width:198px;height:28px;background-color: #252525;}
.arrowBottom{display:block;width:31px;height:11px;margin:9px auto;background: url(./images/arrowbottom.png) 0 0 no-repeat;_background: url(./images/arrowbottom_8bit.png) 0 0 no-repeat;background-size: 100% 100%;}
.arrowUp{position:absolute;display:block;width:31px;height:11px;top:50%;margin-top:-5px;left:50%;margin-left:-15px;background: url(./images/arrowup.png) 0 0 no-repeat;_background: url(./images/arrowup_8bit.png) 0 0 no-repeat;background-size: 100% 100%;}
.pic{position:relative;width:47px;height:37px;margin-right:5px;}
.pic img{width:100%;}
.pic i{display:none;position:absolute;width:29px;height:29px;top:50%;left:50%;margin-top:-15px;margin-left:-15px;background: url(./images/play.png) 0 0 no-repeat;}

/****分享和聚焦*******/
.videoDesc{width:135px;color:#fff;font-family: 宋体;font-size: 12px;line-height: 20px;text-align: left;}
.videoList dl dd a.cur{background-color: #194e6f}
.videoList dl dd a.cur .videoDesc{margin-top:-4px;}
.videoList dl dd a:hover{background-color: #194e6f;}
.videoTab{width:741px;height:29px;margin-top:49px;margin-left:-4px;background-color: #ffd65b;border-top-left-radius:10px;border-top-right-radius:10px;}
.videoTab li{position:relative;font-size:16px;color:#3a3a3a;line-height: 29px;text-align: center;cursor:default;}
.videoTab li.cur{position:relative;background-color:#fff1c8;}
.ief{display:none;position:absolute;width:14px;height:10px;top:0;left:0;}
.videoTab li.cur .ief{display:block;}
.ier{display:none;position:absolute;width:14px;height:10px;top:0;right:0;}
.videoTab li.cur .ier{display:block;}
.videoTab .focus{border-top-left-radius: 10px;width:50%;}
.videoTab .share{border-top-right-radius: 10px;width:50%;*width:49.9%;}
.focusThis{position:relative;overflow: hidden;width:720px;height:85px; padding: 10px 10px 7px;}
.focusThis li{overflow: hidden; height: 75px;}
.ftitle{font-size:16px;color:#333;font-weight: bold;}
.fcontent{margin-top:9px;font-size:14px;color:#333;line-height:20px;}
.fcontent p{font-size:14px;}
.ftime{position:absolute;left:10px;bottom:10px;color:#333;font-size:12px;font-family: 宋体;}
.shareList{display:none;width:711px;*width:730px;height:88px;padding:15px 5px 0;}
.shareList ul{margin-right:-15px;_height:72px;_overflow:hidden;}
.shareList ul li{width:119px;*width:118px;height:72px;margin-right:2px;background-color: #f6f6f6;text-indent: -9999px;}
.shareList ul li a{display:block;width:119px;height:72px;background: url() 0 0 no-repeat;}
.shareList ul li.sina{background: url(./images/sina.png) center no-repeat;background-color: #f6f6f6;_background-position:15px 23px;}
.shareList ul li.weixin{background: url(./images/weixin.png) center no-repeat;background-color: #f6f6f6;_background-position:15px 23px;}
.shareList ul li.tencent{background: url(./images/tencent.png) center no-repeat;background-color: #f6f6f6;_background-position:15px 23px;}
.shareList ul li.baidu{background: url(./images/baidu.png) center no-repeat;background-color: #f6f6f6;_background-position:15px 23px;}
.shareList ul li.qzone{background: url(./images/qzone.png) center no-repeat;background-color: #f6f6f6;_background-position:15px 23px;}
.shareList ul li.sqq{background: url(./images/qq.png) center no-repeat;background-color: #f6f6f6;_background-position:15px 23px;}


/***********角色*******/
.role{height:273px;margin-top:57px;padding-top:100px;margin-left:-14px;}
.role .roleLists{width:852px;}
.role a{display:block;position:relative;width:191px;height:273px;margin-right:22px;_margin-right:20px;text-align:center;cursor: default;}
/*.front{position: absolute;display:inline-block;width: 162px;height:273px;top: 0;left: 14px;text-align: center;}*/
.front{width: 162px;height:273px;}
.reverse{display:none;position:absolute;width:161px;height:273px;top:0;left:14px;text-align:left;}
.reverse dt{font-size:26px;color:#0a324e;border-bottom:1px dotted #34c6f1;line-height: 39px;}
.reverse dd{position:relative;display:block;margin-top:12px;font-size:14px;color:#0a324e;text-indent: 3.5em;}
.reverse dd i{position:absolute;left:0;_left:-50px;display:block;width:46px;height:22px;text-indent: -9999px;}
.pos{line-height: 22px;}
.pos i{background:url(./images/pos.png) 0 0 no-repeat;}
.age{line-height:35px;}
.age i{top:7px;*top:0px;background: url(./images/age.png) 0 0 no-repeat;}
.spe{margin-top:0;line-height: 33px;}
.spe i{top:7px;*top:0px;background: url(./images/spe.png) 0 0 no-repeat}
.introP{position:relative;margin-top:32px;padding-top:103px;margin-left:62px;width:653px;height:320px;}
.outer{width:688px;height:320px;overflow:hidden;}
.introP ul{width:3000px;height:260px;}
.introP ul li{float:left;width:688px;height:319px;}
.director img,.editor img,.devise img,.dub img,.animation img{width:100%;}
.leftArrow,.rightArrow{position:absolute;top:248px;width:24px;height:41px;display:block;}
.leftArrow{left:-66px;background: url(./images/leftarrow.png) 0 0 no-repeat;_background: url(./images/leftarrow_8it.png) 0 0 no-repeat;background-size: 100% 100%}
.rightArrow{right:-93px;background: url(./images/rightarrow.png) 0 0 no-repeat;_background: url(./images/rightarrow_8bit.png) 0 0 no-repeat;background-size: 100% 100%}
/********合作*************/
.cor{position:relative;width:982px;height:409px;margin-top:230px;margin-left:-91px;}
.corTab{margin-left:33px;}
.corTab li{width:307px;height:125px;margin-left:2px;background:url(./images/corbg.png)0 0 no-repeat;/*background-color: #54d6ff;border-radius: 33px;*/}
.corTab li.cur{/*background-color: #95eeff;*/background:url(./images/corbgc.png)0 0 no-repeat;}
.corTab .inner{width:285px;height:103px;margin:10px auto;padding-top:19px;padding-top:31px\9;_padding-top:19px;/*background-color: #29c4f5;border-radius: 33px;*/}
.inner span{display:block;width:151px;height:44px;margin:0 auto;text-indent: -9999px;}
.corMedia span{background:url(../images/cor1.png) 0 0 no-repeat;}
.corshop span{background:url(../images/cor2.png) 0 0 no-repeat;}
.linkus span{background:url(../images/cor3.png) 0 0 no-repeat;}
.corList{position: absolute;z-index:3;}
.corbg{position:absolute;z-index:2;width:978px;height:197px;bottom:-61px;_bottom:-36px;left:3px;}
.corTab li.cur .corMedia span{background:url(../images/cor1cur.png) 0 0 no-repeat;background-size: 100% 100%;}
.corTab li.cur .corshop span{background:url(../images/cor2cur.png) 0 0 no-repeat;background-size: 100% 100%;}
.corTab li.cur .linkus span{background:url(../images/cor3cur.png) 0 0 no-repeat;background-size: 100% 100%;}
li.cur .inner{/*background-color:#fff;*/}
.corList{width:861px;overflow:hidden;background:#95EEFF;padding: 34px 60px 34px 60px;top:95px;left: 0;border-radius: 48px;}
.mediacor{margin-top:7px;}
.mediacor, .shopcor{width:890px;}
.mediacor a{position: relative;display:inline-block; cursor:default;}
.mediacor a img{width:166px;height:81px;margin-right:5px;}
.shopcor{margin-left:13px;}
.shopcor a img{width:162px;height:98px;margin-right:10px;}
.linkuscor{margin:7px auto 0;width:560px;height:75px;}
.linkuscor p{margin-top:13px;font-size:20px;color:#1c4b8f;}
.leftarrow1,.rightarrow1{display:none;position:absolute;}
.leftarrow1{top:50px;left:11px;width:25px;height:49px;background:url(./images/leftarrow1.png) 0 0 no-repeat;background-size:100% 100%;}
.rightarrow1{top:50px;right:10px;width:23px;height:41px;background:url(./images/rightarrow1.png) 0 0 no-repeat;background-size:100% 100%;}
.dialogue-bottom{width:1004px;min-height:981px;margin-top:218px;margin-left:164px;padding-bottom:23px;background:url(./images/dialoguebg.png) 0 0 no-repeat;background-size: 100% 100%;}

.about-page {position:relative;z-index:2;width: 960px;height: 89px;margin: 0 auto;padding-top: 20px;text-align: center;font-size: 12px;font-family: microsoft YaHei;color: #666666;}
.about-page a {font-size: 12px;color: #fff;text-decoration: none;}
.copyright {height: 32px;line-height: 32px;font-size: 12px;color: #928984;color: #fff;}

.daohang{z-index:5;display: none;position: fixed;width:198px;height:390px;bottom:0; right: 10px;_right: 10px;_position: absolute;_bottom: auto;
  _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||110)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
.daohang{background: url(./images/dh.png) 0 0 no-repeat;_background: url(./images/dh_8bit.png) 0 0 no-repeat;background-size: 100% 100%}
.inner-a{width:100px;margin:54px auto 0;}
.inner-a li{display: block; margin-bottom: 3px;}
.daohang a{display:block;width:100px;height:45px;margin-left:-3px;text-indent: -9999px;}
.a1{background: url(./images/a1.jpg) center no-repeat;}
.a2{background: url(./images/a2.jpg) center no-repeat;}
.a3{background: url(./images/a3.jpg) center no-repeat;}
.a4{background: url(./images/a4.jpg) center no-repeat;}
.a5{background: url(./images/a5.jpg) center no-repeat;}
.inner-a .cur .a1{background: url(./images/a1c.jpg) center no-repeat;}
.inner-a .cur .a2{background: url(./images/a2c.jpg) center no-repeat;}
.inner-a .cur .a3{background: url(./images/a3c.jpg) center no-repeat;}
.inner-a .cur .a4{background: url(./images/a4c.jpg) center no-repeat;}
.inner-a .cur .a5{background: url(./images/a5c.jpg) center no-repeat;}
.huojian{position: absolute;width: 141px;height:48px;bottom:11px;left:30px;
    -webkit-animation: huojian 1.6s infinite;
    -mos-animation: huojian 1.6s infinite;
    -ms-animation: huojian 1.6s infinite;
    -o-animation: huojian 1.6s infinite;
    animation: huojian 1.6s infinite;
}

.xingqiu{position:absolute;width:153px;height:153px;left:-346px;}
.star1{position:absolute;width:24px;height:29px;top:136px;
    -webkit-animation: halo 1.6s infinite;-webkit-animation: halo 1.6s infinite;
    -moz-animation: halo 1.6s infinite;-mozanimation: halo 1.6s infinite;
    -ms-animation: halo 1.6s infinite;-ms-animation: halo 1.6s infinite;
    -o-animation: halo 1.6s infinite;-o-animation: halo 1.6s infinite;
   animation: halo 1.6s infinite;animation: halo 1.6s infinite;
}
.star2{position:absolute;width:13px;height:16px;top:193px;left:29px;
    -webkit-animation: halo 2s infinite;
    -webkit-animation-delay:1s;
    -moz-animation: halo 2s infinite;
    -moz-animation-delay:1s;
    -ms-animation: halo 2s infinite;
    -ms-animation-delay:1s;
    -o-animation: halo 2s infinite;
    -o-animation-delay:1s;
    animation: halo 2s infinite;
    animation-delay:1s;
}
.star3{position:absolute;width:17px;height:21px;top:174px;left:46px;
    -webkit-animation: halo 1s infinite;
    -webkit-animation-delay:1.5s;
    -moz-animation: halo 1s infinite;
    -moz-animation-delay:1.5s;
    -ms-animation: halo 1s infinite;
    -ms-animation-delay:1.5s;
    -o-animation: halo 1s infinite;
    -o-animation-delay:1.5s;
    animation: halo 1s infinite;
    animation-delay:1.5s;
}
.star4{position:absolute;width:30px;height:36px;top:104px;right:186px;
    -webkit-animation: halo 1.2s infinite;
    -webkit-animation-delay:0.6s;
    -moz-animation: halo 1.2s infinite;
    -moz-animation-delay:0.6s;
    -ms-animation: halo 1.2s infinite;
    -ms-animation-delay:0.6s;
    -o-animation: halo 1.2s infinite;
    -o-animation-delay:0.6s;
    animation: halo 1.2s infinite;
    animation-delay:0.6s;
}
.xingqiu2{position: absolute;width:84px;height:79px;bottom:-11px;left:-234px;
    -webkit-animation: moveX 3s infinite;
    -moz-animation: moveX 3s infinite;
    -ms-animation: moveX 3s infinite;
    -o-animation: moveX 3s infinite;
    animation: moveX 3s infinite;
}
.feiji{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -867px;
    width: 1735px;
}
.feijilogo{
    display:none;display:block\9;
    position: absolute;
    top: 214px;
    left: 1289px;
    z-index:2;
    width:170px;
    height:123px;
/*
    top:719px;
    left:89px;
*/
    top:214px\9;
    left:1300px\9;
    -webkit-animation: shake_box 3s infinite;
    -moz-animation: shake_box 3s infinite;
    -ms-animation: shake_box 3s infinite;
    -o-animation: shake_box 3s infinite;
    animation: shake_box 3s infinite;
}
.fly{display:block;
    -webkit-animation: fly 4s infinite;
    -moz-animation: fly 4s infinite;
    -ms-animation: fly 4s infinite;
    -o-animation: fly 4s infinite;
    animation: fly 4s infinite;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.guidao{position:absolute;opacity:0;opacity:1\9;z-index:2;width:1160px;height:500px;top:335px;left:70px;top:317px;left:120px;}
.guidaoM{
    opacity:1;
    -webkit-animation: guidao 4s 1;
    -webkit-animation-delay: 0s;
    -moz-animation: guidao 4s 1;
    -moz-animation-delay: 0s;
    -ms-animation: guidao 4s 1;
    -ms-animation-delay: 0s;
    -o-animation: guidao 4s 1;
    -o-animation-delay: 0s;
    animation: guidao 4s 1;
    animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.child2{position:absolute;width:250px;height:292px;right:0;
    -webkit-animation: moveXY 3s infinite;
    -moz-animation: moveXY 3s infinite;
    -ms-animation: moveXY 3s infinite;
    -o-animation: moveXY 3s infinite;
    animation: moveXY 3s infinite;
}
.xiong{position: absolute;opacity:0;width: 88px;height:108px;bottom:-88px;left:-498px;
    -webkit-animation: xiong 6s infinite;
    -webkit-animation-delay:3s;
    -webkit-transform-origin: 65px 100px;
    -moz-animation: xiong 6s infinite;
    -moz-animation-delay:3s;
    -moz-transform-origin: 65px 100px;
    -ms-animation: xiong 6s infinite;
    -ms-animation-delay:3s;
    -ms-transform-origin: 65px 100px;
    -o-animation: xiong 6s infinite;
    -o-animation-delay:3s;
    -o-transform-origin: 65px 100px;
    animation: xiong 6s infinite;
    animation-delay:3s;
    transform-origin: 65px 100px;
}
.xiong1{position: absolute;width: 106px;height:31px;bottom:-94px;left:-484px;}
.xiong2{position: absolute;width: 266px;height:103px;bottom:-162px;left:-545px;}
.f1{position: absolute;width: 17px;height:18px;bottom:-1px;left:-211px;
    -webkit-animation: fl 3s infinite;
    -moz-animation: fl 3s infinite;
    -ms-animation: fl 3s infinite;
    -o-animation: fl 3s infinite;
    animation: fl 3s infinite;
}
.f2{position: absolute;width: 24px;height: 24px;left:-210px;bottom:2px;
    -webkit-animation: fl 3s infinite;
    -webkit-animation-delay:0.4s;
    -moz-animation: fl 3s infinite;
    -moz-animation-delay:0.4s;
    -ms-animation: fl 3s infinite;
    -ms-animation-delay:0.4s;
    -o-animation: fl 3s infinite;
    -o-animation-delay:0.4s;
    animation-delay:0.4s;
    animation-delay:0.4s;
}
.f3{position: absolute;width: 35px;height:35px;bottom:0px;left:-211px;
    -webkit-animation: fl 3s infinite;
    -webkit-animation-delay:0.9s;
    -moz-animation: fl 3s infinite;
    -moz-animation-delay:0.9s;
    -ms-animation: fl 3s infinite;
    -ms-animation-delay:0.9s;
    -o-animation: fl 3s infinite;
    -o-animation-delay:0.9s;
    animation: fl 3s infinite;
    animation-delay:0.9s;
}
.xingqiu3{position: absolute;top:-41px;left:154px;width:255px;height:251px;
    -webkit-animation: xingqiuRotate 10s linear infinite;
    -moz-animation: xingqiuRotate 10s linear infinite;
    -ms-animation: xingqiuRotate 10s linear infinite;
    -o-animation: xingqiuRotate 10s linear infinite;
    animation: xingqiuRotate 10s linear infinite;
}
.lightcenter{position:absolute;bottom:-143px;left:229px;}
.lights{position:absolute;bottom:0px;width:15px;height:28px;border-radius:20px;background-color: #00a0e9;}
.lightsc1{left:0px;
    -webkit-animation:lightsc 4s linear infinite;
    -moz-animation:lightsc 4s linear infinite;
    -ms-animation:lightsc 4s linear infinite;
    -o-animation:lightsc 4s linear infinite;
    animation:lightsc 4s linear infinite;
}
.lightsc2{left:27px;
    -webkit-animation:lightsc 4s linear infinite;
    -webkit-animation-delay:2s;
    -moz-animation:lightsc 4s linear infinite;
    -moz-animation-delay:2s;
    -ms-animation:lightsc 4s linear infinite;
    -ms-animation-delay:2s;
    -o-animation:lightsc 4s linear infinite;
    -o-animation-delay:2s;
    animation:lightsc 4s linear infinite;
    animation-delay:2s;}
.lightsc3{left:55px;
    -webkit-animation:lightsc 4s linear infinite;
    -moz-animation:lightsc 4s linear infinite;
    -ms-animation:lightsc 4s linear infinite;
    -o-animation:lightsc 4s linear infinite;
    animation:lightsc 4s linear infinite;
}
.lightsc4{left:82px;
    -webkit-animation:lightsl 4s linear infinite;
    -webkit-animation-delay:2s;
    -moz-animation:lightsl 4s linear infinite;
    -moz-animation-delay:2s;
    -ms-animation:lightsl 4s linear infinite;
    -ms-animation-delay:2s;
    -o-animation:lightsl 4s linear infinite;
    -o-animation-delay:2s;
    animation:lightsl 4s linear infinite;
    animation-delay:2s;
}
.lightsc5{left:110px;
    -webkit-animation:lightsc 4s linear infinite;
    -moz-animation:lightsc 4s linear infinite;
    -ms-animation:lightsc 4s linear infinite;
    -o-animation:lightsc 4s linear infinite;
    animation:lightsc 4s linear infinite;
}
.lightsc6{left:137px;
    -webkit-animation:lightsl 4s linear infinite;
    -webkit-animation-delay:2s;
    -moz-animation:lightsl 4s linear infinite;
    -moz-animation-delay:2s;
    -ms-animation:lightsl 4s linear infinite;
    -ms-animation-delay:2s;
    -o-animation:lightsl 4s linear infinite;
    -o-animation-delay:2s;
    animation:lightsl 4s linear infinite;
    animation-delay:2s;
}
.lightsc7{left:165px;
    -webkit-animation:lightsc 4s linear infinite;
    -moz-animation:lightsc 4s linear infinite;
    -ms-animation:lightsc 4s linear infinite;
    -o-animation:lightsc 4s linear infinite;
    animation:lightsc 4s linear infinite;
}
.lightsc8{left:193px;
    -webkit-animation:lightsl 4s linear infinite;
    -webkit-animation-delay:2s;
    -moz-animation:lightsl 4s linear infinite;
    -moz-animation-delay:2s;
    -ms-animation:lightsl 4s linear infinite;
    -ms-animation-delay:2s;
    -o-animation:lightsl 4s linear infinite;
    -o-animation-delay:2s;
    animation:lightsl 4s linear infinite;
    animation-delay:2s;
}
.lightcenter img{position:absolute;top:-29px;width:208px;height:30px;}
.lightleft{position:absolute;bottom:-139px;left:-85px;width:159px;height:61px;}
.lightsl{position:absolute;width:11px;height:26px;border-radius:20px;background-color: #00a0e9;
    -webkit-transform:skew(-10deg);
    -moz-transform:skew(-10deg);
    -ms-transform:skew(-10deg);
    -o-transform:skew(-10deg);
    transform:skew(-10deg);
}
.lightsl1{left:0px;
    -webkit-animation:lightsc 4s linear infinite;
    -moz-animation:lightsc 4s linear infinite;
    -ms-animation:lightsc 4s linear infinite;
    -o-animation:lightsc 4s linear infinite;
    animation:lightsc 4s linear infinite;
}
.lightsl2{left:22px;top:5px;
    -webkit-animation:lightsc 4s linear infinite;
    -webkit-animation-delay:2s;
    -moz-animation:lightsc 4s linear infinite;
    -moz-animation-delay:2s;
    -ms-animation:lightsc 4s linear infinite;
    -ms-animation-delay:2s;
    -o-animation:lightsc 4s linear infinite;
    -o-animation-delay:2s;
    animation:lightsc 4s linear infinite;
    animation-delay:2s;
}
.lightsl3{left:41px;top:10px;
    -webkit-animation:lightsc 4s linear infinite;
    -moz-animation:lightsc 4s linear infinite;
    -ms-animation:lightsc 4s linear infinite;
    -o-animation:lightsc 4s linear infinite;
    animation:lightsc 4s linear infinite;
}
.lightsl4{left:62px;top:14px;
    -webkit-animation:lightsc 4s linear infinite;
    -webkit-animation-delay:2s;
    -moz-animation:lightsc 4s linear infinite;
    -moz-animation-delay:2s;
    -ms-animation:lightsc 4s linear infinite;
    -ms-animation-delay:2s;
    -o-animation:lightsc 4s linear infinite;
    -o-animation-delay:2s;
    animation:lightsc 4s linear infinite;
    animation-delay:2s;
}
.lightsl5{left:82px;top:19px;
    -webkit-animation:lightsc 4s linear infinite;
    -moz-animation:lightsc 4s linear infinite;
    -ms-animation:lightsc 4s linear infinite;
    -o-animation:lightsc 4s linear infinite;
    animation:lightsc 4s linear infinite;
}
.lightsl6{left:103px;top:24px;
    -webkit-animation:lightsc 4s linear infinite;
    -webkit-animation-delay:2s;
    -moz-animation:lightsc 4s linear infinite;
    -moz-animation-delay:2s;
    -ms-animation:lightsc 4s linear infinite;
    -ms-animation-delay:2s;
    -o-animation:lightsc 4s linear infinite;
    -o-animation-delay:2s;
    animation:lightsc 4s linear infinite;
    animation-delay:2s;
}
.lightsl7{left:123px;top:29px;
    -webkit-animation:lightsc 4s linear infinite;
    -moz-animation:lightsc 4s linear infinite;
    -ms-animation:lightsc 4s linear infinite;
    -o-animation:lightsc 4s linear infinite;
    animation:lightsc 4s linear infinite;
}
.lightsl8{left:143px;top:34px;
    -webkit-animation:lightsc 4s linear infinite;
    -webkit-animation-delay:2s;
    -moz-animation:lightsc 4s linear infinite;
    -moz-animation-delay:2s;
    -ms-animation:lightsc 4s linear infinite;
    -ms-animation-delay:2s;
    -o-animation:lightsc 4s linear infinite;
    -o-animation-delay:2s;
    animation:lightsc 4s linear infinite;
    animation-delay:2s;
}
.lightleft img{position:absolute;top:0;left:0;width:159px;height:61px;}
.lightright{position:absolute;bottom:-141px;right:-102px;width:159px;height:55px;}
.lightsr{position:absolute;width:11px;height:26px;border-radius:20px;background-color: #00a0e9;
    -webkit-transform:skew(10deg);
    -moz-transform:skew(10deg);
    -ms-transform:skew(10deg);
    -o-transform:skew(10deg);
    transform:skew(10deg);
}
.lightsr1{left:0px;top:27px;
    -webkit-animation:lightsc 4s linear infinite;
    -moz-animation:lightsc 4s linear infinite;
    -ms-animation:lightsc 4s linear infinite;
    -o-animation:lightsc 4s linear infinite;
    animation:lightsc 4s linear infinite;
}
.lightsr2{left:23px;top:23px;
    -webkit-animation:lightsc 4s linear infinite;
    -webkit-animation-delay:2s;
    -moz-animation:lightsc 4s linear infinite;
    -moz-animation-delay:2s;
    -ms-animation:lightsc 4s linear infinite;
    -ms-animation-delay:2s;
    -o-animation:lightsc 4s linear infinite;
    -o-animation-delay:2s;
    animation:lightsc 4s linear infinite;
    animation-delay:2s;
}
.lightsr3{left:41px;top:18px;
    -webkit-animation:lightsc 4s linear infinite;
    -moz-animation:lightsc 4s linear infinite;
    -ms-animation:lightsc 4s linear infinite;
    -o-animation:lightsc 4s linear infinite;
    animation:lightsc 4s linear infinite;
}
.lightsr4{left:62px;top:16px;
    -webkit-animation:lightsc 4s linear infinite;
    -webkit-animation-delay:2s;
    -moz-animation:lightsc 4s linear infinite;
    -moz-animation-delay:2s;
    -ms-animation:lightsc 4s linear infinite;
    -ms-animation-delay:2s;
    -o-animation:lightsc 4s linear infinite;
    -o-animation-delay:2s;
    animation:lightsc 4s linear infinite;
    animation-delay:2s;
}
.lightsr5{left:82px;top:12px;
    -webkit-animation:lightsc 4s linear infinite;
    -moz-animation:lightsc 4s linear infinite;
    -ms-animation:lightsc 4s linear infinite;
    -o-animation:lightsc 4s linear infinite;
    animation:lightsc 4s linear infinite;
}
.lightsr6{left:103px;top:8px;
    -webkit-animation:lightsc 4s linear infinite;
    -webkit-animation-delay:2s;
    -moz-animation:lightsc 4s linear infinite;
    -moz-animation-delay:2s;
    -ms-animation:lightsc 4s linear infinite;
    -ms-animation-delay:2s;
    -o-animation:lightsc 4s linear infinite;
    -o-animation-delay:2s;
    animation:lightsc 4s linear infinite;
    animation-delay:2s;
}
.lightsr7{left:123px;top:4px;
    -webkit-animation:lightsc 4s linear infinite;
    -moz-animation:lightsc 4s linear infinite;
    -ms-animation:lightsc 4s linear infinite;
    -o-animation:lightsc 4s linear infinite;
    animation:lightsc 4s linear infinite;
}
.lightsr8{left:143px;top:0px;
    -webkit-animation:lightsc 4s linear infinite;
    -webkit-animation-delay:2s;
    -moz-animation:lightsc 4s linear infinite;
    -moz-animation-delay:2s;
    -ms-animation:lightsc 4s linear infinite;
    -ms-animation-delay:2s;
    -o-animation:lightsc 4s linear infinite;
    -o-animation-delay:2s;
    animation:lightsc 4s linear infinite;
    animation-delay:2s;
}
.lightright img{position:absolute;top:0;left:-2px;width:159px;height:54px;}
.feijilogo2{position:absolute;width:170px;height:123px;top:245px;right:-305px;}
/***********上下飘动的不规则星球******************/
@-webkit-keyframes moveX{
    0%{-webkit-transform:translateY(0px);}
    50%{-webkit-transform:translateY(-14px);}
}
@-moz-keyframes moveX{
    0%{-moz-transform:translateY(0px);}
    50%{-moz-transform:translateY(-14px);}
}
@-o-keyframes moveX{
    0%{-o-transform:translateY(0px);}
    50%{-o-transform:translateY(-14px);}
}
@keyframes moveX{
    0%{transform:translateY(0px);}
    50%{transform:translateY(-14px);}
}
/********顶部的小孩子的动画******/
@-webkit-keyframes moveXY{
    0%{-webkit-transform:translate(0px);}
    50%{-webkit-transform:translate(-5px,-13px);}
}
@-moz-keyframes moveXY{
    0%{-moz-transform:translate(0px);}
    50%{-moz-transform:translate(-5px,-13px);}
}
@-o-keyframes moveXY{
    0%{-o-transform:translate(0px);}
    50%{-o-transform:translate(-5px,-13px);}
}
@keyframes moveXY{
    0%{transform:translate(0px);}
    50%{transform:translate(-5px,-13px);}
}
/***********星星额闪烁***********/
@-webkit-keyframes halo {
	0% {
         opacity: 1;
         -webkit-transform: scale(0.9);
     }
    50% {opacity: 1;}
    100%{
        opacity: 1;
        -webkit-transform: scale(1.2);
    }
}
@-moz-keyframes halo {
	0% {
         opacity: 1;
         -moz-transform: scale(0.9);
     }
    50% {opacity: 1;}
    100%{
        opacity: 1;
        -moz-transform: scale(1.2);
    }
}
@-o-keyframes halo {
	0% {
         opacity: 1;
         -o-transform: scale(0.9);
     }
    50% {opacity: 1;}
    100%{
        opacity: 1;
        -o-transform: scale(1.2);
    }
}
@keyframes halo {
	0% {
         opacity: 1;
         transform: scale(0.9);
     }
    50% {opacity: 1;}
    100%{
        opacity: 1;
        transform: scale(1.2);
    }
}
/****挥动旗子的小熊*****************/
@-webkit-keyframes xiong {
	0% {opacity: 0;bottom:-180px; }
	5%{opacity:0;bottom:-123px;}
    25%{opacity: 1;bottom:-88px;}
    45%{
        opacity: 1;
        -webkit-transform:rotate(10deg);
    } 
    55%{
        opacity: 1;
        -webkit-transform:rotate(-10deg);
    }
    65%{
        opacity: 1;
        -webkit-transform:rotate(10deg);
    } 
    75%{
        opacity: 1;
        -webkit-transform:rotate(-10deg);
    }  
    90%{opacity: 1;bottom:-88px;}
    100%{opacity: 0;bottom:-123px;}
}
@-moz-keyframes xiong {
	0% { opacity: 0;bottom:-180px; }
	5%{opacity:0;bottom:-123px;}
    25%{opacity: 1;bottom:-88px;}
    45%{
        opacity: 1;
        -moz-transform:rotate(10deg);
    } 
    55%{
        opacity: 1;
        -moz-transform:rotate(-10deg);
    }
    65%{
        opacity: 1;
        -moz-transform:rotate(10deg);
    } 
    75%{
        opacity: 1;
        -moz-transform:rotate(-10deg);
    }  
    90%{opacity: 1;bottom:-88px;}
    100%{opacity: 0;bottom:-123px;}
}
@-o-keyframes xiong {
	0% { opacity: 0;bottom:-180px; }
	5%{opacity:0;bottom:-123px;}
    25%{opacity: 1;bottom:-88px;}
    45%{
        opacity: 1;
        -o-transform:rotate(10deg);
    } 
    55%{
        opacity: 1;
        -o-transform:rotate(-10deg);
    }
    65%{
        opacity: 1;
        -o-transform:rotate(10deg);
    } 
    75%{
        opacity: 1;
        -o-transform:rotate(-10deg);
    }  
    90%{opacity: 1;bottom:-88px;}
    100%{opacity: 0;bottom:-123px;}
}
@keyframes xiong {
	0% { opacity: 0;bottom:-180px; }
	5%{opacity:0;bottom:-123px;}
    25%{opacity: 1;bottom:-88px;}
    45%{
        opacity: 1;
        transform:rotate(10deg);
    } 
    55%{
        opacity: 1;
        transform:rotate(-10deg);
    }
    65%{
        opacity: 1;
        transform:rotate(10deg);
    } 
    75%{
        opacity: 1;
        transform:rotate(-10deg);
    }  
    90%{opacity: 1;bottom:-88px;}
    100%{opacity: 0;bottom:-123px;}
}
@-webkit-keyframes fl { 
	0% { opacity: 1;}
	85%{opacity: 0;}
}
@-moz-keyframes fl { 
	0% { opacity: 1;}
	85%{opacity: 0;}
}
@-o-keyframes fl { 
	0% { opacity: 1;}
	85%{opacity: 0;}
}
@keyframes fl { 
	0% { opacity: 1;}
	85%{opacity: 0;}
}
    /************火箭的抖动*************/
@-webkit-keyframes shake_box{
    0%  {-webkit-transform: translate(0px, 0px) rotate(0deg);}
    15% {-webkit-transform: translate(3px) rotate(2deg);}
    30% {-webkit-transform: translate(-3px) rotate(-2deg);}
    45% {-webkit-transform: translate(2px) rotate(1.5deg);}
    60% {-webkit-transform: translate(-2px) rotate(-1.5deg);}
    75% {-webkit-transform: translate(1px) rotate(1deg);}
    90% {-webkit-transform: translate(-1px) rotate(-1deg);}
}
@-moz-keyframes shake_box{
    0%  {-moz-transform: translate(0px, 0px) rotate(0deg);}
    15% {-moz-transform: translate(3px) rotate(2deg);}
    30% {-moz-transform: translate(-3px) rotate(-2deg);}
    45% {-moz-transform: translate(2px) rotate(1.5deg);}
    60% {-moz-transform: translate(-2px) rotate(-1.5deg);}
    75% {-moz-transform: translate(1px) rotate(1deg);}
    90% {-moz-transform: translate(-1px) rotate(-1deg);}
}
@-o-keyframes shake_box{
    0%  {-o-transform: translate(0px, 0px) rotate(0deg);}
    15% {-o-transform: translate(3px) rotate(2deg);}
    30% {-o-transform: translate(-3px) rotate(-2deg);}
    45% {-o-transform: translate(2px) rotate(1.5deg);}
    60% {-o-transform: translate(-2px) rotate(-1.5deg);}
    75% {-o-transform: translate(1px) rotate(1deg);}
    90% {-o-transform: translate(-1px) rotate(-1deg);}
}
@keyframes shake_box{
    0%  {transform: translate(0px, 0px) rotate(0deg);}
    15% {transform: translate(3px) rotate(2deg);}
    30% {transform: translate(-3px) rotate(-2deg);}
    45% {transform: translate(2px) rotate(1.5deg);}
    60% {transform: translate(-2px) rotate(-1.5deg);}
    75% {transform: translate(1px) rotate(1deg);}
    90% {transform: translate(-1px) rotate(-1deg);}
}
/**************火箭的飞行*************/
@-webkit-keyframes fly{
    0% {display:block;display:none\9;top:753px;left:89px; }
    90% {top:214px;left:1289px;}
    99%{top:214px;left:1289px;}
    100%{display:block;top:214px;left:1289px;}
}
@-moz-keyframes fly{
    0% {display:block;display:none\9;top:753px;left:89px; }
    90% {top:214px;left:1289px;}
    99%{top:214px;left:1289px;}
    100%{display:block;top:214px;left:1289px;}
}
@-o-keyframes fly{
    0% {display:block;display:none\9;top:753px;left:89px; }
    90% {top:214px;left:1289px;}
    99%{top:214px;left:1289px;}
    100%{display:block;top:214px;left:1289px;}
}
@keyframes fly{
    0% {display:block;display:none\9;top:753px;left:89px; }
    90% {top:214px;left:1289px;}
    99%{top:214px;left:1289px;}
    100%{display:block;top:214px;left:1289px;}
}
/*********导航栏底部的火焰************/
@-webkit-keyframes huojian{
    0%  {opacity:1; -webkit-transform: translateY(2px);}
    25% {opacity:0.6;}
    50% {opacity:0.3; -webkit-transform: translateY(8px);}
    75% {opacity:0.6}
}
@-moz-keyframes huojian{
    0%  {opacity:1; -moz-transform: translateY(2px);}
    25% {opacity:0.6;}
    50% {opacity:0.3; -moz-transform: translateY(8px);}
    75% {opacity:0.6}
}
@-o-keyframes huojian{
    0%  {opacity:1; -o-transform: translateY(2px);}
    25% {opacity:0.6;}
    50% {opacity:0.3; -o-transform: translateY(8px);}
    75% {opacity:0.6}
}
@keyframes huojian{
    0%  {opacity:1; transform: translateY(2px);}
    25% {opacity:0.6;}
    50% {opacity:0.3; transform: translateY(8px);}
    75% {opacity:0.6}
}
/******视频列表背后旋转的星球动画*********/
@-webkit-keyframes xingqiuRotate{
    0%   {-webkit-transform: rotateZ(0deg);}
    25%  {-webkit-transform: rotateZ(90deg);}
    50%  {-webkit-transform: rotateZ(180deg);}
    75%  {-webkit-transform: rotateZ(270deg);}
    100% {-webkit-transform: rotateZ(360deg);}
}
@-moz-keyframes xingqiuRotate{
    0%   {-moz-transform: rotateZ(0deg);}
    25%  {-moz-transform: rotateZ(90deg);}
    50%  {-moz-transform: rotateZ(180deg);}
    75%  {-moz-transform: rotateZ(270deg);}
    100% {-moz-transform: rotateZ(360deg);}
}
@-o-keyframes xingqiuRotate{
    0%   {-o-transform: rotateZ(0deg);}
    25%  {-o-transform: rotateZ(90deg);}
    50%  {-o-transform: rotateZ(180deg);}
    75%  {-o-transform: rotateZ(270deg);}
    100% {-o-transform: rotateZ(360deg);}
}
@keyframes xingqiuRotate{
    0%   {transform: rotateZ(0deg);}
    25%  {transform: rotateZ(90deg);}
    50%  {transform: rotateZ(180deg);}
    75%  {transform: rotateZ(270deg);}
    100% {transform: rotateZ(360deg);}
}
/*****************以下都是灯光的闪烁*********/
@-webkit-keyframes lightsc {
    0% {opacity: 1}
    50% {opacity: 0}
}
@-moz-keyframes lightsc {
    0% {opacity: 1}
    50% {opacity: 0}
}
@-o-keyframes lightsc {
    0% {opacity: 1}
    50% {opacity: 0}
}
@keyframes lightsc {
    0% {opacity: 1}
    50% {opacity: 0}
}
@-webkit-keyframes lightsl {
    0% {opacity: 0}
    50% {opacity: 1}
}
@-moz-keyframes lightsl {
    0% {opacity: 0}
    50% {opacity: 1}
}
@-o-eyframes lightsl {
    0% {opacity: 0}
    50% {opacity: 1}
}
@keyframes lightsl {
    0% {opacity: 0}
    50% {opacity: 1}
}
/************轨道的出现*************/
@-webkit-keyframes guidao {
    0% {opacity:0;}
    80%{opacity:0;}
   100%{opacity:1;}
}
@-moz-keyframes guidao {
    0% {opacity:0;}
    80%{opacity:0;}
   100%{opacity:1;}
}
@-o-keyframes guidao {
    0% {opacity:0;}
    80%{opacity:0;}
   100%{opacity:1;}
}
@keyframes guidao {
    0% {opacity:0;}
    80%{opacity:0;}
   100%{opacity:1;}
}
/*鼠标移到屏幕边缘,背景图片移动*/
.drift-btn{
    position: absolute;
    top: 0;
    width: 60px;
    height: 100%;
    z-index: 4;
    cursor: default;
}
.drift-left{
    left: 0;
}
.drift-right{
    right: 0;
}

/*end*/
/*评论*/
.dialogue-bottom .dialogue{
    overflow:hidden;
    margin:0 auto;
    padding: 20px 60px;
    width:884px;
}
.dialogue-bottom .dialogue .dialogue_left{ 
  float:left; 
  padding: 0;
  width:600px; 
}
.dialogue-bottom .dialogue .dialogue_right{ 
  float:right; 
  width:230px; 
  padding:45px 0;
}
.modBoxA {
    line-height: 20px;
    margin-bottom: 20px;
}
.modBoxA .thA {
    background-position: 0 -250px;
    border-bottom: 1px solid #969695;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    padding: 0 10px;
}
.modBoxA .thA .mark {
    float: left;
    height: 34px;
    width: 164px;
    font-size: 16px;
}
.modBoxA .thA a:hover {
    color: #0086df;
}
.modBoxA .thA .subMark {
    float: right;
}
.zhishu .thA .mark {
    background-position: 0 -150px; 
    font-weight:bold; color:#474747;
}
.duihua .thA .mark {
    background-position: 0 -100px; 
    font-weight:bold; color:#474747;
}
.shidian .thA .mark {
    background-position: 0 -50px; 
    font-weight:bold; color:#474747;
}
.modBoxA .tbA {
    margin-bottom: 20px;
    position: relative;
}
.modBoxA .item {
    position: absolute;
    width: 230px;
}
.modBoxA .item .con a{
  display: block;
  height: 110px;
}
.modBoxA .item .head {
    background:url(http://www.ci123.com/special/recommend/img/ladyH.png) no-repeat scroll -533px -60px #f4f4f4;
    border-bottom: 1px solid #c4c4c4;
    height: 29px;
    line-height: 29px;
    padding-left: 25px;
}
.modBoxA .item.current .head {
    background-position: -533px -38px;
    border-bottom: 0 none;
    height: 30px;
}
.modBoxA .item.Last .head {
    border-bottom: 0 none;
    height: 30px;
}
.layC .scollBox  .modBoxA .tbA .item p a{
    color: #000;
    outline: medium none;
    text-decoration: none;
    font-size:12px;
}
.dialogue-tilte {margin-top: 20px;border-bottom: 2px solid #e3e3e3;width: 100%;height: 60px;background: url("http://www.ci123.com/special/recommend/img/tt.jpg") no-repeat 0 0;}