.mainbox {z-index:5; width:1000px; height:500px; margin:0 auto;}
.mainbox .main { width:1001px; top:20%;}
.mainbox .con { width:1001px; height:336px;background:url(../images/content02.png) repeat-y;}
.content,.essaybox { width:760px; height:328px; overflow:auto; float:right; background: url(../images/darkbg.png) repeat; margin-right:30px; color:#fff;}
.content .mCSB_scrollTools .mCSB_draggerRail { height:328px;}
.conmenu { position:absolute; left:2px; top:0; width:217px; height:328px; overflow:auto;}
.conmenu a { display:block;width:177px; height:43px; padding-top:7px; padding-left:40px; color:#ffec7e; font-size:16px; font-weight:bold; margin-bottom:7px;}
.conmenu a p { color:#fff; opacity:0.2;filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; font-size:12px;}
.conmenu a:hover,.conmenu a.sel {background:url(../images/sel.png) no-repeat;}
.conbox { width:640px; margin:0 auto;}
.conbox img { max-width:100%;}
.contit { font-size:18px; line-height:25px; padding:20px 0; text-align:center; font-weight:bold;}
.contop { width:100%; text-align:center; position:absolute; left:0; top:19px;}
.contop .close { z-index:10; position:absolute; right:30px; top:-5px;}
.contop h2 { display:inline-block; background:url(../images/tit01.png) no-repeat left top; padding-left:53px;}
.contop h2 p { display:inline-block;background:url(../images/tit02.png) no-repeat right top; padding-right:53px; line-height:25px; color:#fceedd; font-weight:bold; font-size:18px;}
.contop h2 p span { display:block; opacity:0.2; font-size:12px; top:-5px;}
.essaybox { float:none; margin:0 auto; width:940px;}
.essaybox .essay { width:840px; margin:0 auto;}
.listbox { width:700px; padding-left:20px;}
.essaylist { display:block; padding:0 20px 0 135px;height:80px; margin-bottom:25px;}
.essaylist i { display:block; width:120px; height:80px; background:#fff; overflow:hidden; position:absolute; left:0; top:0; text-align:center;}
.essaylist i img { height:80px;transition: all 0.2s ease-in-out 0.01s;-webkit-transition: all 0.2s ease-in-out 0.01s;}
.essaylist .tit { padding:5px 0 10px; width:100%; color:#fff;}
.essaylist .tit h3 { font-size:16px; width:80%;}
.essaylist .tit span { position:absolute; right:0; top:10px; color:#797978; font-size:12px;}
.essaylist p { font-size:12px; color:#a5a5a5;}
.essaylist:hover i img {transform:scale(1.1);-webkit-transform:scale(1.1); }
.essaylist:hover .tit { color:#ffec7e;}

.conbg { background:#001027 url(../images/conbg.png) no-repeat center top; overflow:auto;}
.conmain { width:1018px; margin:0 auto;}
.conmain .main { width:100%; background:url(../images/con02.png) repeat-y;}
.conmain article { width:956px; margin:0 auto;}

.imgblur {
	filter: url(blur.svg#blur); /* FireFox, Chrome, Opera */
    -webkit-filter: blur(10px); /* Chrome, Opera */
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);    
    filter: blur(10px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */}
.videolist { display:inline-block; width:378px; text-align:center; color:#fff;}
.videolist p { width:376px; height:240px; overflow:hidden; margin-bottom:8px; border:1px solid #fff; border-radius:3px;}
.videolist p img { display:block;width:376px; height:240px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.videolist:hover p img {transform:scale(1.1);-webkit-transform:scale(1.1);}
.videomenu { width:320px; float:left; top:30px;}
.videomenu li {height:80px; margin-top:-30px;}
.videomenu li.sel {background:url(../images/show.png) no-repeat left center;}
.videomenu a {top:15px; display:block; line-height:50px; padding-left:50px;}
.videomenu a p { background:url(../images/video.png) no-repeat left center; padding-left:35px; width:270px; font-size:14px;}
.videomenu a p span{ z-index:5;
    color:#e7d0a6;
	background-image: -webkit-gradient(linear,left top,right bottom, from(#e7d0a6),color-stop(0.5, #fdecb5), to(#b5874d));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
	font-weight:bold;}
.videomenu a p b {color:#e7d0a6; font-weight:bold; position:absolute; left:35px; top:0;text-shadow:1px 2px 2px #000;}	
.videocon { float:right; width:540px; /*background:#fff; */margin-right:35px; height:330px;}
.videosum li p object{width: 100%;height: 300px;}

.f_allbg { background:url(../images/sandbox/f_bg.png) repeat;}
.ye_allbg { background:#10162f;}
#f_main { width:1200px; margin:0 auto; height:700px; overflow:hidden;}
#f_map { z-index:10; position:absolute; right:0; top:50%; margin-top:-317px; width:828px; height:634px; background:url(../images/sandbox/f_img.png) no-repeat center center;transition: all 3s ease-out;-webkit-transition: all 3s ease-out;}
.f_yellow { position:absolute; left:0; top:0;}
.f_yellow img {display:none;position: absolute;z-index:2;left: 24px;top: 40px;}
.f_yellow img.img01 {left: 165px;top: 83px;}
.f_yellow img.img02 {left: 371px;top: 195px;z-index: 5;}
.f_yellow img.img03 {left: 302px;top: 138px;}

.f_sum { position:absolute; left:0; top:0; z-index:10;}
.f_sum:hover { z-index:30;}
.f_sum li { position:absolute;left:155px; top:100px;}
.f_sum li.li01 {left:350px; top:100px;}
.f_sum li.li02 {left:372px; top:217px;}
.f_sum li.li03 {left:509px; top:297px;}
.f_sum li h3 { background:url(../images/sandbox/f_sel.png) no-repeat bottom center; width:44px; height:26px; padding-top:41px;transition: all .5s ease-out;-webkit-transition: all .5s ease-out;}
.f_sum li h3 i {display: block;background: url(../images/sandbox/f_pace.png) no-repeat;width: 44px;height: 53px;position: absolute;left:0;top:0;}
.f_sum li p { visibility:hidden;opacity:0; background:url(../images/sandbox/f_name.png) no-repeat; width:122px; padding-left:45px; text-align:center; height:52px; line-height:52px; color:#fff; white-space:nowrap; font-weight:bold; position:absolute; left:-2px; top:-4px; z-index:5; font-size:12px;transition: all .5s ease-out;-webkit-transition: all .5s ease-out;}
.f_sum li:hover h3 { opacity:0;}
.f_sum li:hover p {visibility: visible;opacity:1;}

.f_essay { z-index:5; position:absolute; left:0; top:50%; margin-top:-180px; color:#ad9867; line-height:24px; font-size:14px; width:450px;}

.f_dian { z-index:20; position:absolute; right:0; bottom:0;}
.f_dian li {position: absolute;right: 73px;bottom: 314px;background: url(../images/sandbox/f_small.png) no-repeat bottom center;width: 12px;height: 20px;}
.f_dian li div {visibility:hidden;opacity:0; position:absolute; width:410px; padding:15px; background:url(../images/sandbox/f_win01.png) repeat; right:-20px; bottom:25px; color:#fff; font-size:12px; color:#fff; border-radius:4px;transition: all .2s ease-out;-webkit-transition: all .2s ease-out;}
.f_dian li h3 { font-size:16px; color:#ead4a9; padding-bottom:10px;}
.f_dian li div:after { content:""; display:block; background:url(../images/sandbox/f_win02.png) no-repeat center center; width:11px; height:6px; position:absolute; bottom:-6px; right:22px;}
.f_dian li:hover { z-index:5;}
.f_dian li:hover div {visibility: visible;opacity:1;}
.f_dian li.li01 {
	right: 176px;
	bottom: 281px;
}
.f_dian li.li02 {
	right: 238px;
	bottom: 302px;
}
.f_dian li.li03 {right: 150px;bottom: 214px;}
.f_dian li.li04 {
	right: 231px;
	bottom: 266px;
}
.f_dian li.li05 {
	right: 231px;
	bottom: 215px;
}
.f_dian li.li06 {
	right: 291px;
	bottom: 233px;
}
.f_dian li.li07 {
	right: 355px;
	bottom: 194px;
}
.f_dian li.li08 {
	right: 321px;
	bottom: 167px;
}
.f_dian li.li09 {
	right: 270px;
	bottom: 104px;
}
.f_dian li.li10 {
	right: 386px;
	bottom: 109px;
}
.f_dian li.li11 {
	right: 448px;
	bottom: 139px;
}

#dayout { width:100%; height:100%; overflow:hidden;height:653px;}
#dayout article { position:absolute; top:50%; left:50%;transition: all 3s ease-out;-webkit-transition: all 3s ease-out;}
#daymap { margin:-326px 0 0 -522px; background:url(../images/sandbox/day_img.png) no-repeat center center; width:1045px; height:653px; display:none;}
#nightmap { margin:-383px 0 0 -960px; background:url(../images/sandbox/n_img.jpg) no-repeat center center; width:1920px; height:766px;}

.daysum { position:absolute; left:0; top:0; z-index:10;}
.daysum:hover { z-index:30;}
.daysum li { position:absolute;left:787px; top:126px;}
.daysum li.li01 { left:602px; top:162px;}
.daysum li.li02 { left:310px; top:280px;}
.daysum li.li03 { left:681px; top:274px;}
.daysum li.li04 { left:523px; top:297px;}
.daysum li.li05 { left:231px; top:160px;}
.daysum li.li06 { left:91px; top:129px;}
.daysum li.li07 { left:221px; top:479px;}
.daysum li.li08 { left:550px; top:540px;}
.daysum li.li09 { left:783px; top:198px;}
.daysum li.li10 { left:940px; top:280px;}
.daysum li.li11 { left:1435px; top:340px;}
.daysum li.li12 { left:1006px; top:432px;}
.daysum li.li13 { left:1123px; top:300px;}
.daysum li.li14 { left:652px; top:505px;}
.daysum li.li15 { left:1375px; top:595px;}
.daysum li.li16 { left:800px; top:386px;}
.daysum li.li17 { left:816px; top:305px;}
.daysum li h3 { background:url(../images/sandbox/f_sel.png) no-repeat bottom center; width:44px; height:26px; padding-top:41px;transition: all .5s ease-out;-webkit-transition: all .5s ease-out;}
.daysum li h3 i {display:block;background: url(../images/sandbox/f_pace.png) no-repeat;width: 44px;height: 53px;position: absolute;left:0;top:0;}
.daysum li p { visibility:hidden;opacity:0; background:url(../images/sandbox/f_name.png) no-repeat; width:122px; padding-left:45px; text-align:center; height:52px; line-height:52px; color:#fff; white-space:nowrap; font-weight:bold; position:absolute; left:-2px; top:-4px; z-index:5; font-size:12px;transition: all .5s ease-out;-webkit-transition: all .5s ease-out;}
.daysum li:hover h3 { opacity:0;}
.daysum li:hover p {visibility: visible;opacity:1;}

.dayimg { position:absolute; left:0; top:0;}
.dayimg img {
	display:none;
	position: absolute;
	left: 127px;
	top: 7px;
}
.dayimg img.img01 {
	left: 47px;
	top: 25px;
}
.dayimg img.img02 {
	left: 270px;
	top: 185px;
}
.dayimg img.img03 {
	left: 631px;
	top: 294px;
}
.dayimg img.img04 {
	left: 367px;
	top: 246px;
}
.dayimg img.img05 {
	left: 64px;
	top: 124px;
}
.dayimg img.img06 {
	left: 19px;
	top: 89px;
}
.dayimg img.img07 {
	left: 10px;
	top: 341px;
}
.dayimg img.img08 {
	left: 454px;
	top: 539px;
}
.dayimg img.img09 {
	left: 315px;
	top: 113px;
}
.dayimg img.img10 {
	left: 387px;
	top: 196px;
}
.dayimg img.img11 {
	left: 790px;
	top: 299px;
}
.dayimg img.img12 {
	left: 888px;
	top: 307px;
}
.dayimg img.img13 {
	left: 1075px;
	top: 321px;
}
.dayimg img.img14 {
	left: 424px;
	top: 405px;
}
.dayimg img.img15 {
	left: 796px;
	top: 546px;
}
.dayimg img.img16 {
	left: 744px;
	top: 265px;
}
.dayimg img.img17 {
	left: 428px;
	top: 182px;
}

.daychoose { width:130px; position:fixed; z-index:80; left:50%; bottom:130px; margin-left:-60px; background:#000; line-height:32px;height:32px; overflow:hidden; border-radius:16px;  text-align:center;}
.daychoose a { display:block; width:70px;line-height:31px;height:32px;color:#fff;border-radius:16px; position:absolute; left:0; top:0;}
.daychoose a.a1 { left:auto; right:0;}
.daychoose a.sel { background:#00a266;}