@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(../../../i1.cy.com/tl3d/cover/20170904/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-family: "Segoe UI", Tahoma, Geneva, Verdana, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.5;
    color: #575757;
    font-weight: normal;
}


.wrap{ position:relative; width:1000px; margin:0 auto;}
.tl3d_logo_lk a,.tl3d_logo_bg{top:15px;left:-115px;width: 154px;height:116px;}
.tl3d_logo_bg{background-image: url(../PhamLinh/BannerSuKien/logo.png);}

.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 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; }
.video_player2{display:none;position:relative;width:800px; background:#000000; }
.video_player dt strong {
    display: none;
    height: 42px;
    color: #ffffff;
    font: normal 16px/2 "Segoe UI", Tahoma, Verdana, Arial, sans-serif;
}

.video_player2 dt strong {
    display: none;
    height: 42px;
    color: #ffffff;
    font: normal 16px/2 "Segoe UI", Tahoma, Verdana, Arial, sans-serif;
}



.video_player2 dt a{position:absolute;top:0px;right:-40px;width:31px;height:32px;cursor:pointer;background: url(../images/close.png) no-repeat;}
.video_player2 dt a:hover{ animation:turn 0.4s linear 0s 1 both; }
.video_player2 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 "Segoe UI", Tahoma, Verdana, Arial, sans-serif;
}


.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 "Segoe UI", Tahoma, Geneva, Verdana, Arial, sans-serif;
    _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 "Segoe UI", Tahoma, Verdana, Arial, sans-serif;
}

.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: 645px; height: 77px; padding-top: 46px; background: url(../images/nav_bg.png) no-repeat; position:absolute; right:-30px; font-size:0; text-align:center; }
.nav a{ display:inline-block; vertical-align:middle; font-size:18px; color: #4b5162; font-weight:bold; }
.nav a:hover{color: #9d7a01;}
.nav span{ display:inline-block; vertical-align:middle; width:5px; height:5px; margin:0px 21px; border-radius:2px; background-color: #ddb691; }