@charset "utf-8";
@import url(tl3d_logo.css);
.btn_video i,.btn_video a,.video_player dt a,.down dd a,.fixed .small .wx dt,.fixed .small a,.fixed .big .big_top,.fixed .big .big_bottom,.fixed .big dl dt span,.public div a ins,.slide ul li a ins{background-repeat:no-repeat;background-image: url(../images/sprite.png);
/*background-image: url(../images/sprite.png);*/}
html {_background-image:url(about:blank);}
li,object,embed,img{ vertical-align:top; }
.hide{ display:none; }
body{ font:normal 14px/1.5 "Microsoft YaHei","微软雅黑",simsun; color:#575757; }
.wrap{ position:relative; width:1000px; margin:0 auto;}
.tl3d_logo_lk a,.tl3d_logo_bg{top:26px;left:4px;}

.btn_video{ position:absolute; width:258px; height:116px; cursor:pointer;}
.btn_video i{ display:block;position:absolute; left:0; top:0; width:258px; height:116px; background-position:0px -620px;z-index: 1;text-indent: -9999em;}
.btn_video a{ position:absolute; left:50%; top:50%; width:30px; height:35px; margin:-18px 0px 0px -16px; background-position:-141px -380px;z-index: 10;}
/*.btn_video:hover i{ -webkit-animation:turn 1.5s linear 0s infinite both; animation:turn 1.5s linear 0s infinite both;}*/
@-webkit-keyframes turn{
	to{  -webkit-transform:rotate(360deg);}
}

@keyframes turn{
	to{ transform:rotate(360deg);}
}
/**fy**/
.btn_video span{overflow: hidden;display:block;position:absolute; left:66px; top:0; width:116px; height:116px;z-index: 1;text-indent: -9999em;}
.btn_video span:after{background: #e5c8cc;content: "";height: 200px;left: -75px;opacity: .1;position: absolute;top: -50px;width: 50px;z-index: 10;/*opacity: 1;*/
  -webkit-transform: rotate(35deg);
      -ms-transform: rotate(35deg);
          transform: rotate(35deg);
  -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.btn_video span:hover:after {left: 120%;
  -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

/**fy**/

.video_player{display:none;position:relative;width:800px; background:#000000; }
.video_player dt strong{ display:none; height:42px; color:#ffffff; font:normal 16px/2 "Microsoft YaHei","微软雅黑"; }
.video_player dt a{position:absolute;top:0px;right:-40px;width:31px;height:32px;cursor:pointer;background: url(../images/close.png) no-repeat;}
.video_player dt a:hover{ animation:turn 0.4s linear 0s 1 both; }
.video_player dd{ height:450px; }

.down{position:absolute; width:363px; height:180px; border-radius:0px; background-color:rgba(255,255,255,0.5);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ccFFFFFF,endcolorstr=#ccFFFFFF); }
.down dt{ float:left; padding:16px 0px 0px 18px; width:136px; text-align:center; }
.down dt img{ width:100%; }
.down dt span{ display:block; color: #000; margin-top:2px;}
.down dd{ float:right; padding:7px 10px 0px 0px; width:180px;}
.down dd a{display:block; height:51px; margin-bottom:5px; }
.down dd a.down_ios{ background-position:0 -878px; }
.down dd a.down_ios:hover{ background-position:0 -1041px; }
.down dd a.down_android{ background-position:0 -932px; }
.down dd a.down_android:hover{ background-position:0 -1095px; }
.down dd a.down_trial{ background-position:-1px -986px; }
.down dd a.down_trial:hover{ background-position:-1px -1150px; }

.fixed { position:fixed;top:50%;right:0px; z-index:10;_position:absolute;_margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); color:#3a3838; font:normal 12px/1.5 simsun; }
.fixed .small{ position:absolute; right:-47px; top:50%; margin-top:-79px; width:47px; height:158px; _display:none; }
.fixed .show_big{ height:26px; color:#f1f8ff; background:#2d2c2c; cursor:pointer; font:normal 14px/26px "Microsoft YaHei","微软雅黑"; }
.fixed .show_big ins{display:inline-block;vertical-align:middle;width:0;height:0;margin: -2px 5px 0px -2px;overflow:hidden;border:6px solid;border-color:transparent #ffffff transparent transparent;}
.fixed .small .wx dt {height:44px;background-position:8px -391px;background-color: #d62f47;}
.fixed .small .wx.current dt {background-color: #e13b59;}
.fixed .small .wx dd{ display:none; position:absolute; right:0; top:0; width:146px; height:158px; background:#ffffff; text-align:center; }
.fixed .small .wx dd ins{ position:absolute; right:-12px; top:42px; width:0; height:0; overflow:hidden; border:6px solid; border-color:transparent transparent transparent #ffffff; }
.fixed .small .wx dd img{ padding-top:4px; width:140px; height:140px; }
.fixed .small .wx dd p{ margin-top:-6px;}
.fixed .small .wx dd p strong{ color:#aa763f; }
.fixed .small a{ display:block; height:44px; background-color:#e13b59; }
.fixed .small a.sina{background-position:8px -435px;background-color:#c02f44;}
.fixed .small a.baidu{ background-position:8px -480px; background-color: #a3283a;}
.fixed .small a:hover{background-color: #d03b56;}

.fixed .big{ position:absolute; right:0px;top:50%; margin-top:-233px; padding:5px; width:167px; background:#ffffff; }
.fixed .show_small{position:absolute;left:-27px;top:0;width:17px;height:81px;padding:0px 5px;background: #c02f44;text-align:center;color:#ffffff;cursor:pointer;font:normal 14px/20px "Microsoft YaHei","微软雅黑";_display:none;}
.fixed .show_small ins{ display:block; vertical-align:middle; width:0; height:0; margin:9px 0px 8px 6px; overflow:hidden; border:6px solid; border-color:transparent transparent transparent #ffffff; }
.fixed .big .big_top{ height:11px; background-position:0px -580px; }
.fixed .big .big_bottom{ height:11px; background-position:0px -600px; }
.fixed .big .big_middle{ padding:0px 7px; border-left:1px solid #dee0e2; border-right:1px solid #dee0e2; }
.fixed .big dl { padding:9px 0px 15px 0px; border-top:1px solid #e5e6e8; }
.fixed .big dl.wx { border-top:none; }
.fixed .big dl.bbs { padding-bottom:9px; }
.fixed .big dl dt{ position:relative; padding-left:43px; _width:70%; }
.fixed .big dl dt span{ position:absolute; left:9px; top:5px; width:30px; height:30px; }
.fixed .big dl.wx dt span{ background-position:-98px -400px;}
.fixed .big dl.sina dt span{ background-position:-98px -445px;}
.fixed .big dl.baidu dt span{ background-position:-98px -489px;}
.fixed .big dl.bbs dt span{ background-position:-98px -534px;}
.fixed .big dl dt strong{color: #c02f44;font:bold 14px/20px simsun;}
.fixed .big dl dt a{ color:#3a3838; }
.fixed .big dl dd{ text-align:center; }
.fixed .big dl dd img{ width:140px; height:140px; }
.fixed .big dl dd a{ display:inline-block; margin:9px auto 0 auto; width:65px; height:20px; background:#d3b14d; border:1px solid #bb9c42; text-align:center; color:#ffffff; line-height:20px; }

.nav{ position:absolute; right:26px; top:40px; font-size:0; text-align:right; }
.nav a{ display:inline-block; vertical-align:middle; font-size:18px; color:#545aa7; font-weight:600; }
.nav a:hover{color: #d45070;}
.nav span{ display:inline-block; vertical-align:middle; width:5px; height:5px; margin:0px 21px; border-radius:2px; background-color:#6970c6; }