
/*body{ background:url(../images/bg_main5.jpg) no-repeat center top;}*/
body{ background-color:#130a0d;}

@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:35px;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:#aa6b09; 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: #f3c85b;}

.fixed .small .wx.current dt {background-color: #f3c85b;}

.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:#e3af2d;}

.fixed .small a.baidu{ background-position:8px -480px; background-color: #98422e;}

.fixed .small a:hover{background-color: #f3c85b;}



.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: #aa6b09;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;}

.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:65px; _width:70%; }

.fixed .big dl dt span{ position:absolute; left:12px; top:-3px; width:50px; height:50px; }

.fixed .big dl.wx dt span{ background-position:-114px -170px;}

.fixed .big dl.sina dt span{ background-position:-114px -220px;}

.fixed .big dl.baidu dt span{ background-position:-114px -270px;}

.fixed .big dl.bbs dt span{ background-position:-114px -320px;}

.fixed .big dl dt strong{color: #634415;font:bold 16px/20px "Microsoft YaHei","微软雅黑";}

.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{width: 580px; height: 47px; padding-top: 40px; background: url(../images/nav_bg.png) no-repeat; position:absolute; right:-30px; top:0; font-size:0; text-align:center; }

.nav a{ display:inline-block; vertical-align:middle; font-size:18px; color: #8D1328; font-weight:bold; }

.nav a:hover{color: #cc2525;}

.nav span{ display:inline-block; vertical-align:middle; width:5px; height:5px; margin:0px 21px; border-radius:2px; background-color: #8D1328; }















