@charset "utf-8";
/* CSS Document */
body {background:#000 url(bg.jpg) center top no-repeat;}
.page.expo {width:868px; margin-bottom:50px; text-shadow:1px 1px 2px rgba(0,0,0,0.8); text-align:center }
.page.expo .head {font-size:30px; line-height:40px; color:#FFF; font-weight:bold; display:block; width:550px; margin:10px auto 0 auto}
.page.expo .intro {font-size:18px; line-height:26px;margin:10px auto 0 auto ;width:750px;}
.page.expo .date {font-size:18px; line-height:26px; margin:10px auto 0 auto ; color:#999}
.page.expo .video {margin-top:180px;}
.page.expo .photos {width:820px; height:547px; overflow:hidden; margin:20px auto; }
.page.expo .photos img.hide {position:absolute; top:-9999px; left:-9999px; opacity:0;  }
.page.expo .photos img {position:relative; transition:opacity 0.4s linear; -webkit-transition:opacity 0.4s linear; -moz-transition:opacity 0.4s linear; opacity:1;}
.page.expo .photoTools {width:820px; height:547px; overflow:hidden; position:relative; top:-547px; transition:opacity 0.4s linear; -webkit-transition:opacity 0.4s linear; -moz-transition:opacity 0.4s linear; opacity:1;}
.page.expo .photoTools.hide {opacity:0;}
.page.expo .photoTools a {display:block; overflow:hidden; text-indent:-9999px; width:114px; height:113px;position:relative; top:217px;  }
.page.expo .photoTools .next { background:url(next.png) no-repeat; float:right; }
.page.expo .photoTools .prev { background:url(prev.png) no-repeat; float:left; }