@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}
body {background-color:#000; text-align:center; color:#ccc; font:12px "宋体", Arial, Helvetica, sans-serif;}
a {color:#fff; text-decoration:none;}
a:hover{ color:#fc0; text-decoration:underline;}
img {border:none;}
label {cursor:pointer;}
li {list-style:none;}
h3,h4 {line-height:30px; color:#000; font-size:14px; font-weight:normal; text-align:left;}
h3 {padding-left:20px; background:url(../images/h3_bg.gif) no-repeat;}
h4 {padding-left:25px; background:url(../images/h4_bg.gif) no-repeat;}

.font_red {color:#f00;}
.font_white {color:#fff;}
.font_green {color:#9c0;}
.font_orange {color:#f60;}
.font_blue {color:#06c;}
.font_grey {color:#999;}

a.img_link {display:block; padding:1px; border:1px solid #666;}
a.img_link:hover {border:1px solid #fff;}

/* clearfix */
.clearfix:after {content:"."; clear:both; display:block; visibility:hidden; height:0;}
.clearfix {display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
/* End hide from IE Mac */
/* end of clearfix */

.layout_a {position:relative; margin-top:10px; padding:1px; background-color:#333; border:1px solid #666;}
.layout_b {margin-top:10px; background-color:#333; border:1px solid #666;}

#wrapper {width:1000px; margin:0 auto;}

#header {position:relative;}
#header div.logo {height:72px; background:url(../images/header_logo_bg.gif) repeat-x; text-align:left;}
#header div.top_nav {position:absolute; top:10px; right:10px;}
#header div.top_nav ul li {display:inline; margin-left:5px;}
#header div.nav_box {height:40px; background:url(../images/header_nav_bg.gif) repeat-x;}
#header div.nav_box ul {width:861px; margin:0 auto;}
#header div.nav_box ul li {float:left; height:40px; padding:0 20px 0 18px; background:url(../images/header_nav_tab.gif) no-repeat top right;}
#header div.nav_box ul li.nav_end {background:url(../images/header_nav_tab.gif) no-repeat top left;}
#header div.nav_box ul li a {display:block; width:85px; height:35px; margin-top:5px; line-height:35px; color:#fc0; font-size:14px; font-weight:bold; text-decoration:none;}
#header div.nav_box ul li a.current {background:url(../images/header_nav_tab.gif) no-repeat bottom left; color:#fff;}
#header div.drop_nav_box {position:relative; height:30px; background-color:#1c1c1c;}
#header div.drop_nav_box ul {position:absolute;}
#header div.drop_nav_box ul li {float:left; margin-right:5px; line-height:30px;}
#header div.drop_nav_cont {display:none;}
#header div.search {padding:10px 0; background:#494949 url(../images/search.gif) no-repeat 100px 12px; border-top:1px solid #5e5e5e;}
#header div.search form {padding-left:50px;}
#header div.search input.input_text {width:450px; height:16px; padding:1px; border:1px solid #666;}
#header div.search input.input_button {width:50px; height:20px; border:1px solid #666; color:#333; cursor:pointer;}
#header div.hot {width:750px; margin:5px auto 0; padding-left:50px; text-align:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#header div.hot ul li {display:inline; margin-left:5px;}
#header div.hot ul li.title {margin-left:0; font-weight:bold;}

#container {margin-top:10px; text-align:left;}

#sidebar {float:left; width:210px; margin-right:10px;}
#sidebar div.download {height:73px; padding:6px 10px 0; background:#fff url(../images/sidebar_download_bg.gif) no-repeat; color:#000;}
#sidebar div.download img {margin-top:5px;}
#sidebar div.side_today {padding:0 5px 10px;}
#sidebar div.side_today dl {margin-top:10px;}
#sidebar div.side_today dl a.img_link {float:left; width:64px; height:90px; margin-right:5px;}
#sidebar div.side_today dl a.img_link img {width:64px; height:90px;}
#sidebar div.side_today dl dt {float:left; width:123px; line-height:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#sidebar div.side_today dl dt a {color:#fc0;}
#sidebar div.side_today dl dd {float:left; width:123px; height:72px; line-height:18px; overflow:hidden;}
#sidebar div.side_topic {padding:5px 5px 10px;}
#sidebar div.side_topic dl {margin-top:5px;}
#sidebar div.side_topic dl img {width:196px; height:98px;}
#sidebar div.side_topic dl dt {width:196px; text-align:center; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#sidebar div.side_topic dl dt a {color:#fc0;}
#sidebar div.side_topic ul li {width:186px; padding-left:10px; background:url(../images/ico_1.gif) no-repeat left center; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#sidebar div.side_class {padding:0 5px 10px;}
#sidebar div.side_class dl {margin-top:10px;}
#sidebar div.side_class dl dt {margin-bottom:5px; padding-left:10px; background-color:#464646; line-height:25px; font-size:14px;}
#sidebar div.side_class dl dd {float:left; width:65px; text-align:center; line-height:20px;}

#content {float:left; width:780px;}
#content div.flash {float:left; width:570px; height:350px; margin-right:10px;}
#content div.top10 {float:left; width:200px;}
#content div.top10_cont {display:none; float:left; width:169px; height:343px; margin-right:-1px; padding:0 5px 5px; background-color:#333; border:1px solid #666;}
#content div.top10_cont h5 {padding-left:24px; background:url(../images/icon_title.gif) no-repeat 5px center; line-height:25px; color:#fff; font-size:12px;}
#content div.top10_cont span {display:block; float:left; width:15px; height:15px; margin:5px 5px 0 0; background-color:#ebebeb; text-align:center; color:#666; line-height:15px;}
#content div.top10_cont a {display:block; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#content div.top10_cont dl a.img_link {float:left; width:64px; height:90px; margin-right:5px;}
#content div.top10_cont dl dt, #content div.top10_cont dl dd {float:left;}
#content div.top10_cont dl dt {line-height:25px;}
#content div.top10_cont dl dt span {background-color:#f90; color:#fff;}
#content div.top10_cont dl dt a {width:71px;}
#content div.top10_cont dl dd {width:96px; margin-top:5px; line-height:20px;}
#content div.top10_cont ul {margin-top:2px;}
#content div.top10_cont ul li {line-height:25px; margin-bottom:-2px;}
#content div.top10_cont ul li a {width:149px;}
#content ul.top10_nav {float:left;}
#content ul.top10_nav li {width:19px; height:44px; padding:10px 1px 0 0; background:url(../images/content_top10_tab.gif) no-repeat bottom; text-align:center;}
#content ul.top10_nav li a {text-decoration:none;}
#content ul.top10_nav li.current {background:url(../images/content_top10_tab.gif) no-repeat top;}
#content ul.top10_nav li.current a {color:#9c0;}
#content ul.class_nav {position:absolute; top:8px; left:120px;}
#content ul.class_nav li {display:inline; color:#000;}
#content ul.class_nav li a {color:#000;}
#content div.recommend {position:relative; padding:10px 33px;}
#content div.recommend img.pri {position:absolute; top:54px; left:15px; cursor:pointer;}
#content div.recommend img.next {position:absolute; top:54px; right:15px; cursor:pointer;}
#content span.more {position:absolute; top:6px; right:10px;}
#content div.class_box {padding:10px;}
#content div.class_box dl {float:left;}
#content div.class_box dl dt {line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#content div.class_box dl dt a {color:#fc0;}
#content div.class_box dl dd {line-height:20px;}
#content div.class_box dl.class_box_a dt, #content div.class_box dl.class_box_a dd {width:172px;}
#content div.class_box a.img_link_a {width:168px; height:235px;}
#content div.class_box a.img_link_a img {width:168px; height:235px;}
#content div.class_box dl.class_box_b {width:292px;}
#content div.class_box dl.class_box_b dt, #content div.class_box dl.class_box_b dd {float:left; width:148px;}
#content div.class_box a.img_link_b {float:left; width:120px; height:168px; margin:0 10px; display:inline;}
#content div.class_box a.img_link_b img {width:120px; height:168px;}
#content div.class_box div.class_box_c {float:left; width:552px; height:125px; margin:10px 0 0 10px; padding:10px; background-color:#2b2b2b; border:1px solid #4c4c4c;}
#content div.class_box div.class_box_c ul li {float:left; width:164px; padding:0 10px; background:url(../images/ico_2.gif) no-repeat left center; line-height:25px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#content div.class_box div.class_box_c ul li a {color:#9c0;}
#content div.page {padding:5px 10px;}
#content div.page ul {position:absolute; top:5px; right:10px;}
#content div.page ul li {display:inline; margin-left:5px;}
#content div.lib_movie {padding:0 4px 10px;}
#content div.lib_movie dl {display:inline; float:left; width:375px; height:172px; margin:10px 5px 0; overflow:hidden;}
#content div.lib_movie dt {line-height:30px;}
#content div.lib_movie dt a {color:#fc0;}
#content div.lib_movie dd {line-height:20px;}
#content div.lib_movie img.info { vertical-align:middle; margin:4px 0 0 30px;}
#content div.lib_movie a.img_link {float:left; width:120px; height:168px; margin-right:10px;}
#content div.movie {margin-top:0; padding:10px;}
#content div.movie a.img_link {display:inline; float:left; width:200px; height:280px; margin-right:10px;}
#content div.movie dl {display:inline; float:left;}
#content div.movie dl dt {line-height:30px; font-size:16px;}
#content div.movie dl dt span {margin-left:10px; font:italic 12px Arial, Helvetica, sans-serif}
#content div.movie dl dt a {color:#fc0;}
#content div.movie dl dd {line-height:20px;}
#content div.movie dl dd.info {margin:5px 0;}
#content div.movie dl dd span.star {color:#fc0; font-size:20px; font-weight:bold;}
#content div.play {margin-top:10px; padding:0 10px 10px; border:1px solid #666;}
#content div.play ul li {display:inline; float:left; width:359px; margin:10px 10px 0; color:#fc0;}
#content div.play img {vertical-align:middle; margin-left:10px;}
#content div.movie_info p {padding:10px; line-height:20px;}
#content div.movie_link_box {padding:10px 13px;}
#content div.movie_link {display:inline; float:left; width:130px; margin:0 10px; text-align:center;}
#content div.movie_link a.img_link {width:120px; height:168px;}
#content div.movie_link P {width:130px; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.movie_talk {margin-top:1px; padding:10px; background-color:#fff; color:#000; text-align:left;}
div.movie_talk input, div.movie_talk textarea {margin-top:5px;}
div.movie_talk h6 {margin-top:10px; padding-left:10px; border-top:5px solid #ccc; background-color:#f0f1f6; line-height:30px; color:#f60; font-size:14px; font-weight:bold;}
div.movie_talk ul li {padding:20px; border-bottom:1px solid #ccc; line-height:20px;}
div.score {padding:10px; line-height:20px; text-align:left;}
div.score label {margin-right:10px;}
div.score input.button {width:50px; height:18px; border:1px solid #666; color:#333;}

#footer {}
#footer div.friend {padding:20px 10px;}
#footer div.friend img {margin:0 10px; padding:1px; border:1px solid #666;}
#footer div.friend img:hover {border:1px solid #fff;}
#footer p {margin:10px 0; line-height:25px;}