@charset "utf-8";
/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-size: 14px; }
body, input, select, button, textarea { font: normal 100% \5FAE\8F6F\96C5\9ED1,Helvetica, Arial, sans-serif; }
button { cursor: pointer; }
i, em, cite { font-style: normal; }
body { background: #fff; color: #363636; line-height: 1.2; }
a, a:link { color: #fff; text-decoration: none; }
a:visited {  }
a:active, a:hover { text-decoration: none; }
a:focus { outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption { display: block; }

/* LAYOUT */
.fixed:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.fixed { display: block; min-height: 1%; }
*html .fixed { height: 1%; }
.clear { display: block!important; float: none!important; clear: both; overflow: hidden; width: auto!important; height: 0!important; margin: 0 auto!important; padding: 0!important; font-size: 0; line-height: 0; }
.more { float: right; }
	.more a { font-weight: normal; font-size: 12px; }
.fl, .fr { display: inline; float: left; }
.fr { float: right; }

body,html { height:100%; }

/*Index*/
#page_01,#page_02,#page_03,#page_04,#page_05,#page_06{ width:100%; height:565px; }
#page_01 { height:571px; background-color:#BBBBBC; }
#page_02 { background-color:#FAC200; }
#page_03 { background-color:#EF9789; position:relative; }
#page_04 { background-color:#A7DDD1; }
#page_05 { background-color:#89C15A; }
#page_06 { height:603px; background-color:#6DAB84; position:relative; }
.main { width:1000px; height:565px; margin:0 auto; position:relative; }

#page_01 .main { height:571px; background:url(../img/page_01_bg.png) no-repeat;  background-color:#BBBBBC; z-index:2 }
#page_01 .main a.logo { width:180px; height:180px; position:absolute; top:28px; left:28px; display:block; }
#page_01 .main a.Rob_ticket { width:240px; height:76px; position:absolute; right:0px; bottom:135px; display:block; text-indent:-9999px; }

#page_02 .main { background:url(../img/page_02_bg.png) no-repeat; }
#page_02 .main .video_but { width:130px;height:320px; background:url(../img/video_but_left.png) left no-repeat; position:absolute;top:58px; right:124px; padding-top:2px; }
.video_but a { width:108px; height:48px; display:block; margin-left:21px; color:#fff; font-weight:bold; line-height:50px; font-size:14px; text-align:center; }
.video_but a.but_01 { height:54px; background-color:#EA5F25; }
.video_but a.but_02 { background-color:#F08C00; }
.video_but a.but_03 { height:50px; background-color:#B71253; position:relative; }
.video_but a.but_03 em { width:40px; height:15px; background:url(../img/hot.png) no-repeat; position:absolute; top:0; right:-18px; display:block; }
.video_but a.but_04 { background-color:#8DC21F; }
.video_but a.but_05 { height:50px; background-color:#A7DDD1; }
.video_but a.but_06 { background-color:#1EAA39; }
#page_02 .main .video { width:600px; height:400px; position:absolute; top:68px; left:120px; z-index:9; border:18px solid #fff; }
.play { position:absolute; top:0px; left:0px; }

#page_03 .main { background:url(../img/page_03_bg.png) no-repeat; z-index:2;background-color:#EF9789; }

#page_04 .main { background:url(../img/page_04_bg.png) no-repeat; }

#page_05 .main { background:url(../img/page_05_bg.png) no-repeat; }

#page_06 .main { height:603px; background:url(../img/page_06_bg.png) no-repeat; }
#page_06 .grab { width:100%; height:75px; position:absolute; left:0px; bottom:0px; background: rgba(0,0,0,0.5); }
#page_06 .grab a { width:168px; height:37px; background:url(../img/grab.jpg) no-repeat; margin:0 auto; display:block; margin-top:20px; }

.button { height:28px; line-height:28px; text-align:center; color:#fff; font-weight:bold; display:block; position:absolute; font-size:12px; letter-spacing:1px; }
.button_01 { width:145px; background-color:#89C15A; bottom:58px; right:226px; }
.button_02 { width:90px; background-color:#89C15A; bottom:58px; right:124px; }
.button_03 { width:90px; background-color:#1EAA39; top:226px; right:300px; }
.button_04 { width:90px; background-color:#1EAA39; top:226px; right:198px; }
.button_05 { width:90px; background-color:#FBB03B; bottom:36px; left:191px; }
.button_06 { width:90px; background-color:#FBB03B; bottom:36px; left:293px; }
.button_07 { width:90px; background-color:#881660; top:363px; left:487px; }
.button_08 { width:90px; background-color:#881660; top:363px; left:590px; }
.button_09 { width:90px; background-color:#F29A0C; bottom:36px; left:191px; }
.button_10 { width:90px; background-color:#F29A0C; bottom:36px; left:293px; }

.button_11 { width:90px; background-color:#E50012; bottom:136px; left:262px; }
.button_12 { width:90px; background-color:#E50012; bottom:168px; right:214px; }
.button_13 { width:90px; background-color:#E50012; bottom:136px; right:214px; }
.button em { width:26px; height:9px; background:url(../img/live.png) no-repeat; position:absolute; top:-4px; right:-6px; display:block; }

/*Rob ticket details*/
#details { width:756px; height:450px; background-color:#F8C800; position:absolute; left:50%; margin:0 0 0 -378px; z-index:9999; display:none; }
#details .close { width:33px; height:33px; background:url(../img/close.jpg) no-repeat; display:block; text-indent:-9999px; position:absolute; top:10px; right:10px; }
#details .content { width:690px; height:350px; margin:56px 0 0 22px; overflow:hidden; position:relative; text-align:center; }

/*Return*/
#return { width:57px; height:auto; position:fixed; top:60%; right:0; z-index:9 }
#return a { width:57px; margin-bottom:4px; text-indent:-9999px; display:block; }
#return a.return_top { height:55px; background:url(../img/return_top.jpg) no-repeat; position:absolute; display:none; }
#return a.menu { height:79px; background:url(../img/menu.jpg) no-repeat; margin-top:59px; }
#return a.sina { height:55px; background:url(../img/sina.jpg) no-repeat; }

/*singer*/
#singer { width:750px; height:440px; position:fixed; left:50%; top:50%; margin:-220px 0 0 -375px; z-index:9999; display:none;}
#singer .close { width:33px; height:33px; background:url(../img/close_02.jpg) no-repeat; display:block; text-indent:-9999px; position:absolute; top:10px; right:10px; }
.singer_right { width:350px; height:320px; position:absolute; top:58px; right:50px; }
.singer_but { display:block; background-image:url(../img/singer_but.png); background-repeat:no-repeat; float:left; }
.singer_but_01 { width:168px; height:42px; left:346px; background-position:0px 0px; }
.singer_but_02 { width:168px; height:42px;left:530px; background-position:0px -84px; margin-left:14px; }
.h2 { width:360px; height:14px; border-bottom:2px solid #fff; margin-bottom:30px; display:block; clear:both; }
.singer_to { width:360px; height:232px; font-size:12px; color:#fff; line-height:22px; }

/*single*/
#single ,
#single02 { width:771px; height:546px; position:fixed; left:50%; top:50%; margin:-273px 0 0 -385px; background:url(../img/single02.png) no-repeat; display:none; z-index:9999; }
#single02 { background:url(../img/single.png) no-repeat;   }
.single { width:530px; height:350px; margin:90px auto 0; }
.single_list { width:570px; height:350px; }
/*.single_list p { font-size:14px; line-height:26px; display:block; overflow:hidden; }
.single_list p span { width:152px; display:block; float:left; text-align:center; letter-spacing:1px; color:#fff; }
.single_list p span.span2 { width:166px;  }
.single_list p span.span3 { width:140px;  }*/
/*.single img { width:480px; }*/
#single a ,
#single02 a { width:210px; height:84px; display:block; margin:22px auto 0; text-indent:-9999px; }

#shade { width:100%; height:100%; background-color:#000; opacity:0.5; filter:Alpha(Opacity=50); position:fixed; *position:absolute; top:0px; left:0px; z-index:999; display:none; }

#starPage_01,#starPage_02,#starPage_03 { width:100%; height:100%; }
#starPage_01 { background-color:#EF9789; }
.starMain { width:1000px; height:560px; margin:0 auto; position:relative; }
#starPage_01 .starMain { background:url(../img/starPage_01_bg.png) no-repeat; background-color: #EF9789; z-index:2 }
.return { width:109px; height:31px; display:block; position:absolute; top:16px; left:22px; background:url(../img/return.jpg) no-repeat; text-indent:-9999px; }
.to { width:200px; height:42px; position:absolute; left:101px; bottom:40px; display:block; }
#starPage_02 {background-color:#FAC200;}
#starPage_02 .starMain { background:url(../img/starPage_02_bg.png) -2px -0px no-repeat; }
#starPage_02 .starMain .video_but { width:130px;height:320px; background:url(../img/video_but_left_02.png) left no-repeat; position:absolute;top:70px; right:212px; padding-top:2px; }
#starPage_02 .starMain .slide { width:446px; height:414px; position:absolute; top:76px; left:222px; z-index:9; background-color:#fff; }
.slide_top { width:426px; height:288px; border:10px solid #fff; }

.slide_bottom { width:446px; height:106px; background-color:#A7DDD1; position:relative; }
.slide_bottom .prev , .slide_bottom .next {height:23px;width:23px;overflow:hidden;display:block;cursor:pointer;position:absolute; top:40px; }
.slide_bottom .prev {background:url(../img/icon_left.jpg) no-repeat; left:4px; }
.slide_bottom .next {background:url(../img/icon_right.jpg) no-repeat; right:4px; }

.jCarouselLite {float:left;width:390px;height:88px;overflow:hidden; padding-top:9px; margin-left:32px; }
.jCarouselLite li{width:124px;height:88px;text-align:center; padding-right:6px; }
.jCarouselLite li img{width:116px;height:80px;border:solid 4px #fff;}

#starPage_03 {background-color:#D0C0D3;}
#starPage_03 .starMain { background:url(../img/starPage_03_bg.png) no-repeat; background-color:#D0C0D3; z-index:2}
#starPage_03 .starMain .video_but { width:130px;height:320px; background:url(../img/video_but_left_03.png) left no-repeat; position:absolute;top:66px; right:144px; padding-top:2px; }
#starPage_03 .starMain .review { width:580px; height:400px; position:absolute; top:76px; left:156px; z-index:9; background-color:#fff; }
#starPage_03 .starMain .video ,#starPage_03 .starMain .roll { width:544px; height:364px; border:18px solid #fff; background-color:#000; }
#starPage_03 .starMain .audio { width:580px; height:400px; }

.roll .prev_01 , .roll .next_01 {height:67px;width:30px;overflow:hidden;display:block;cursor:pointer;position:absolute; top:50%; z-index:999; margin-top:-33px; }
.roll .prev_01 {background:url(../img/photo_left.jpg) no-repeat; left:18px; }
.roll .next_01 {background:url(../img/photo_right.jpg) no-repeat; right:18px; }

.rollLite {float:left;width:544px;height:364px;overflow:hidden; }
.rollLite li{width:544px;height:364px;text-align:center; }
.rollLite li img{width:544px;height:364px;}

.map_hov { width:100px; height:100px; display:block; position:absolute; top:167px; right:41px; z-index:2; background:url(../img/transparent.gif) no-repeat; }
.map { width:487px; height:409px; display:block; position:absolute; z-index:9999; top:19px; left:182px; display:none; }

.bg_x { width:50%; height:10px; background:url(../img/bg_x.jpg) repeat-x; display:block; position:absolute; top:176px;left:0px; z-index:1}
#starPage_01 .bg_x { top:129px; }
.bg_x_02 { width:50%; height:29px; background:url(../img/bg_x_02.jpg) repeat-x; display:block; position:absolute; top:64px;right:0px; z-index:1}
.bg_x_03 { width:50%; height:20px; background:url(../img/bg_x_03.jpg) repeat-x; display:block; position:absolute; top:459px;right:0px; z-index:1}

.gray { background-color:#999; }

.switch { width:580px; position:absolute; left:0px; bottom:-36px; font-size:14px; line-height:36px; }
.switch span { float:left; }
.switch a { width:95px; height:36px; float:left; display:block; background-color:#ea5f26; color:#fff; text-align:center; margin-left:2px; }