body,ul,li { margin: 0px; padding: 0px; }
body * { overflow: hidden; }
body { background: #f5f5f5;}
.area { width: 960px; margin: 0 auto; background: url(jBg.jpg) no-repeat; height: 924px; position: relative; }
.area .filmBox { position: absolute; left: 84px; top: 235px; width: 601px; height: 631px; background-color: #000; }
.area .filmBox ul li { float: left; width: 120px; height: 90px; }
.area .filmBox ul li img { border: 1px solid #000;  width: 120px; height: 90px; }
.area .filmBox ul li.on a img { border: 1px solid #000; }
.area .filmBox ul li.on { position: relative; }
.area .filmBox ul .desc { display: none; }
.area .filmBox ul li.on .desc { display: block; width: 120px; height: 20px; position: absolute; top: 70px; left: 0px; background-color: #000; opacity: 0.7; filter:alpha(opacity=70); color: #fff; font-size: 12px; }
.area .filmBox ul li.on .desc .title { text-align: center; font-weight: bold; margin: 2px auto; }
.area .filmBox ul li.on .desc .title a,.area .filmBox ul li.on .desc .title a:link,.area .filmBox ul li.on .desc .title a:visited { text-decoration: none; color: #fff; }
.area .filmBox ul li.on .desc .title a:hover { color: #ff0; text-decoration: underline; }
.area .filmBox ul li.on .desc .date { display: block; margin: 0 8px; text-align: left; }
.area .filmBox ul li.on .desc .num { display: block; margin: 0 8px; text-align: left; }

.foot { font-size: 12px; background-color: #fff; line-height: 200%;  margin: 0 auto; text-align: center; background-color: #c5c5C5; }
.foot a { text-decoration: none; color: #000; }
.foot .cRed { color: #900; }
.tableCon { width: 960px; margin: 0 auto; background:#FFFFFF url(logo.jpg) no-repeat scroll 20px 50%; font-size:12px; }
.tableCon li { list-style-type:none; }
.tableCon a, .tableCon a:link, .tableCon a:visited {color:#000000;margin-left:3px;margin-right:3px;text-decoration:none;}
.tableCon .navMenu { float: right; }
.line { height: 1px; overflow: hidden; background-color: #ccc; }
.top { background-color: #fff; }