@charset "gbk";
/* ====================================================================================================
 * Style name : lol 2015 fool styles Ӣ������2015���˽�ר����ʽ
 * Author : Smallni
 * Date : 2015-03-30
 * update :
 * ==================================================================================================== */


/* ---------------------public style ȫר�⹫����ʽ---------------------------*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,th,td,em,button{ margin:0; padding:0;}
table{ border-collapse:collapse; border-spacing:0;}
em{font-style:normal;}
ol,ul{ list-style:none;}
fieldset,img,abbr,acronym{ border:0;}
input,select{ vertical-align:middle}
h1,h2,h3,h4,h5,h6{ font-size:100%;}
q:before,q:after{content:'';}
body{font:normal 12px/1.5 Microsoft YaHei,Tahoma,simsun,sans-serif; padding-top:0px; color:#C7C7C7; min-width: 1000px; overflow-x:hidden}
.clearfix,.layout{*zoom:1}
.clearfix:after,.layout:after{content:"\0020"; display:block; clear:both; height:0; font-size:0;}
a{ text-decoration:none; color: #fff}
a:hover{ text-decoration:underline;}
.tnd{overflow: hidden;text-indent: -9999em;}
.hid{ display:none}
.layout{ width:980px; margin:0 auto; }

/* main-skin */
.header{ position:relative; height:938px; background:url(../img/bg1.jpg) no-repeat center top}
.content-fire{ height:2345px; background:url(#) no-repeat center top}
.content-time{ height:754px; background:url(#) no-repeat center top}

/* footer */
#footer_ied { height:68px; padding: 70px 0; text-align:center; font:normal 12px/19px Tahoma; position:relative; z-index:1; background:url(../img/bg4.jpg) no-repeat center top}
#footer_ied .e { font:normal 10px/19px Tahoma;}
#footer_ied, #footer_ied a { color:#8a473d; text-decoration:none;}

/* header  */
.nav { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 104px; background: url(../img/bg-nav.png) 50% 0% no-repeat; }
.nav-inner { height: 104px; }
.nav-list { position: relative; margin-left: 393px; height: 104px; }
.nav-list li{ float:left; _display:inline; width:204px; height:104px;}
.nav-list .cur { position: relative; }
.nav-fire, .nav-skin, .nav-face { background: url(../img/nav-spr.png) no-repeat; }
.nav-fire { background-position: 0 0; }
.nav-skin { background-position: 0 -104px; }
.nav-face { background-position: 0 -208px; }
.nav-list a { display: block; height:104px; width:204px; text-indent: -9999em; overflow: hidden; }
.cur .nav-fire { background-position: 0 -312px; }
.cur .nav-skin { background-position: 0 -416px; }
.cur .nav-face { background-position: 0 -520px; }
.header-content { position:relative; z-index:1; height: 938px; }
.nb-video { position:absolute; z-index:2; left:50%; top: 0; width:1600px; margin-left:-800px; }
.nb-video-123{ position:absolute; z-index:3; left:50%; top: 0; width:1600px; height:938px; margin-left:-800px; background: url(../img/123.png) no-repeat center top; }
.audio-control { position:absolute; z-index:5; top:150px; right: 80px; text-indent:-9999em; overflow:hidden; width:51px; height: 51px; background:url(../img/spr.png) no-repeat; }
.audio-yes { background-position: -246px 0; }
.audio-no { background-position: -316px 0; }
.logo { position: absolute; z-index:5; top:120px; left: 20px; text-indent:-9999em; width:200px; height: 130px; overflow: hidden; background: url(../img/spr.png) 0 0 no-repeat;}

/* content-fire */
.content-fire .content-tips{ padding-top: 135px; padding-left:124px; font-size:14px; color:#fd9f70 }
.content-fire .content-tips em{ color:#ffc000; font-weight:bold}
.content-fire-mod{ margin-top:140px;}
.content-fire-mod p{ text-indent:2em; font-size:14px; color:#fd9f70; line-height:1.75}
.content-fire-side{ float:left; width:490px; height:270px; margin-right:20px;}
.content-fire-main{ overflow:hidden;zoom:1;}
.icon-line{ display:inline-block; vertical-align:middle; margin-right:5px; width:9px; height:39px; background:url(../img/spr.png) no-repeat -388px 0}
.content-fire-title{ font-size:45px; color:#ffc000; font-weight:bold; }
.content-fire-v{ position:relative; height:300px; background:#3a0605 url(../img/pic-video.jpg) no-repeat 0 0;}
.btn-play{ position:absolute; cursor:pointer; text-indent:-999em; overflow:hidden; width:88px; height:97px; left:50%; top:50%; margin-left:-44px; margin-top:-47.5px; background:url(../img/spr.png) no-repeat -429px 0}
.btn-play:hover{ opacity:0.8;}
.content-fire-item{ overflow:hidden; zoom:1; margin-top:80px;}
.content-fire-item p em{ color:#ffc000; font-weight:bold}
.content-fire-first{ margin-top:60px;}
.content-fire-name{ margin-bottom:15px; font-size:30px;color:#ffc000; }
.content-fire-name em{ color:#dd1818; font-weight:bold}
.fire-name-tag{ font-size:20px; background:#dd1818; padding:3px 5px; border-radius:5px; color:#3d0505; font-weight:bold; margin-right:20px;}

/* content-time */
.content-time .content-tips{ padding-top:115px; padding-left:124px; font-size:14px; color:#fd9f70 }
.content-time .content-tips em{ color:#ffc000; font-weight:bold}
.content-time-mod{ padding-top:110px; text-align:center}
.pic-time{ margin:0 auto 20px;}
.content-time-mod p{ color:#ffc000; font-size:14px;}

.pop-face{ outline:medium none; position:absolute; display:none; width:900px; height:500px; margin-left:-475px; left:50%; top:100px; z-index:9998; }
.pop-face-inner{ position:relative; width:900px; height:500px; background:url(#) no-repeat 0 0}
.pop-face .pop-close{ position:absolute; right:0; top:0; width:60px;height:60px;font-size:100px;line-height:60px;text-align:center;color:#e5462f; text-decoration:none; }

.link-1,.link-2,.link-3,.link-4{ position:absolute; display:block; width:145px; height:49px; left:103px; text-indent:-999em; overflow:hidden;}
.link-1:hover,.link-2:hover,.link-3:hover,.link-4:hover{ box-shadow:0 0 5px #ddd}
.link-1{ top:634px}
.link-2{ top:691px}
.link-3{ top:1145px}
.link-4{ top:1202px}
.download{ position:absolute; z-index:8; width:51px; height:51px; text-indent:-9999em; overflow:hidden;  top:150px; right:20px;  background:url(../img/spr.png) no-repeat -246px -61px}

.pop-side{ position:fixed; _position:absolute; z-index:9999; right:50px; top:420px; width:108px; height:190px; text-indent:-999em; overflow:hidden; background:url(#) no-repeat 0 0;}
.login-box{ position:absolute; top:238px; left:80px; width:500px; text-align:center; line-height:32px; font-size:14px; color:#fff;}
.login-box a{ color:#f3ac06; margin:0 2px;}
.btn-receive{ position:absolute; top:272px; left: 185px; display:block; width:266px; height:54px; text-indent:-9999em; overflow:hidden}
.btn-receive:hover{ box-shadow:0 0 5px #ddd}

.floaterdialog{ color:#333}