html {
color:#000;
background:#FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset, img {
border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:normal;
}
ol, ul {
list-style:none;
}
caption, th {
text-align:left;
}
h1, h2, h3, h4, h5, h6 {
font-size:100%;
font-weight:normal;
}
q:before, q:after {
content:'';
}
abbr, acronym {
border:0;
}
/*reset end*/
body, html {
font-family: "Lucida Grande", Tahoma, Verdana, arial, sans-serif, hei;
font-size:12px;
background-color:#fff;
}
.clear {
clear:both;
}
a:link, a:visited {
color: #75b9ff;
text-decoration:underline;
}
a:hover {
text-decoration: none;
color: #fff;
background-color:#75b9ff;
}
a:active {
color: #75b9ff;
text-decoration:underline;
}
.flashAll {
width:100%;
margin:0 auto;
background-color:#000;
}
.webAll {
width:100%;
margin:0 auto;
}
.mag {
width:1000px;
margin:0px auto auto auto;
padding:10px 0 10px 0;
}
.mag .main {
float:left;
/*width:940px;*/
padding-left:10px;
}
.mag .side {
float:right;
width:30px;
padding-right:10px;
display:inline;
}
.mag .side ul li a {
display:block;
height:30px;
width:30px;
margin-bottom:1px;
text-indent:-2000px;
outline:none;
}
.mag .side #iconSidebar {
background:url(/img/mini.png) no-repeat 0 0;
cursor:pointer;
height:30px;
width:30px;
display:block;
}
.mag .side #iconUser {
background:url(/img/mini.png) no-repeat 0 -120px;
}
.mag .side #iconFavorite {
background:url(/img/mini.png) no-repeat 0 -240px;
}
.mag .side #iconComment {
background:url(/img/mini.png) no-repeat 0 -420px;
}
.mag .side #iconComment:hover {
background:url(/img/mini.png) no-repeat 0 -360px;
}
.mag .side #iconMagIndex {
background:url(/img/mini.png) no-repeat 0 -1027px;
}
.mag .side #iconMagIndex:hover {
background:url(/img/mini.png) no-repeat 0 -993px;
}
.mag .side #iconBackHome {
margin-top:356px;
background:url(/img/mini.png) no-repeat 0 -480px;
}
.relateBox {
margin:0 auto;
border-top:1px solid #4d4d4d;
height:60px;
background:#1e1e1e;
text-align:center;
padding:10px 50px 0 10px;
}
.relateBox del {
display:inline-block;
text-decoration:none;
}
.relateBox ul li {
float:left;
margin:0 5px;
}
.relateBox ul li img {
background:url(/img/thumb_loading.gif) no-repeat
}
.relateBox ul li a:link, .relateBox ul li a:active, .relateBox ul li a:visited {
color: #75b9ff;
text-decoration:none;
background:none;
}
.relateBox ul li a:hover {
text-decoration: none;
color: #fff;
background:none;
}
.relateBox #iconPrev, .relateBox #iconNext {
display:block;
height:14px;
width:14px;
text-indent:-3000px;
outline:none;
margin-top:18px;
}
.relateBox #iconPrev {
background:url(/img/mini.png) no-repeat 0 -540px;
}
.relateBox #iconNext {
background:url(/img/mini.png) no-repeat 0 -672px;
}
.iaWrap {
width:100%;
background-color:#FFFFFF;
}
.ia {
width:940px;
padding:30px 40px 0 0;
margin:0 auto;
background:#fff;
min-height:260px;
height:auto !important;
height:260px;
overflow:visible;
}
.ia .boxA {
width:400px;
padding-right:70px;
float:left;
}
.ia .boxB {
width:470px;
float:right;
}
#sideStrong {
width:470px;
height:500px;
background-color:#000;
position:absolute;
top:10px;
right:50px;
display:none;
}
#sideStrong .sidebox {
float:left;
margin-left:10px;
width:225px;
height:245px;
background-color:#333333;
display:inline;
}
.aboutWrap {
width:100%;
background-color:#464646;
}
.about {
width:980px;
padding:10px 0 120px 0;
margin:0 auto;
}
.about .bottom_copyright {
font-family:"Trebuchet MS";
color:#969696;
margin-top:20px;
}
.about .maget {
height:18px;
line-height:18px;
padding-top:6px;
color:#969696;
}
.about .maget a:link, .about .maget a:active, .about .maget a:visited {
padding:0 3px;
color: #fff;
text-decoration:none;
}
.about .maget a:hover {
color: #75b9ff;
text-decoration: none;
background-color:#464646;
}
.about .bottom_gotop {
display:block;
float:right;
width:30px;
height:30px;
background:#75b9ff url(/img/mini.png) no-repeat 0 -958px;
}
.about a.bottom_logo {
width:70px;
height:17px;
margin-right:36px;
background:url(/img/bottom_logo.png) no-repeat;
display:inline-block;
vertical-align:middle;
}
/* @group Instance */
.box .caption {
height: 26px;
margin-bottom: 0px;
background: none;
}
.box .caption h1, .box .caption h2, .box .caption h3 {
visibility:hidden;
}
.side .box .caption span {
position: absolute;
top: 14px;
left:234px;
}
.side .box .caption span a {
color: #fff;
padding: 2px 5px;
text-decoration: none;
}
.box .container {
background: #e8e8e8;
padding: 10px 37px;
}
.side .box .container {
padding: 10px 0 0 33px;
}
.footer {
height: 21px;
}
/* @group Instance End */
/* @group Comments */
#comment .container {
padding:0;
background-color:#FFFFFF;
}
#comment .commentArea .caption h3 {
visibility:visible;
padding-left:15px;
padding-top:9px;
vertical-align:bottom;
background:url(/img/mini.png) no-repeat 0 -790px;
}
#comment .commentArea .caption h3 strong {
font-size:14px;
font-weight:700;
}
#comment .commentArea .caption h3 strong span {
color:#75b9ff;
}
#comment .comments {
}
#comment .commentpost {
text-align:left;
margin-top:8px;
width:370px;
}
#comment .commentpost .submitcomment {
background: url(/img/mini.png) no-repeat 0 -715px;
width: 100px;
height: 24px;
border: 0px;
cursor: pointer;
text-align:left;
color:#fff;
font-weight:700;
padding-left:10px;
}
.commentpost textarea {
width: 364px;
height: 60px;
padding: 2px 2px;
border: 1px solid #c8c8c8;
}
#comment .commentpost ul li {
text-align:right;
}
#comment .commentpost .title {
color:#75b9ff;
font-size:14px;
font-weight:700;
display:block;
padding-bottom:12px;
}
.comment {
padding:0 0 15px 0;
}
.comment div {
float:right;
width:345px;
line-height:150%;
}
.comment div a.postAuthor:link, .comment div a.postAuthor:active, .comment div a.postAuthor:visited {
color:#75b9ff;
text-decoration:underline;
}
.comment div a.postAuthor:hover {
color:#fff;
text-decoration:underline;
background-color:#75b9ff;
}
.comment span {
float: right;
}
.comment div span.guestAuthor {
float: none;
color:#75b9ff;
}
.comment li {
padding-bottom: 8px;
}
.comment span.stars {
margin: 0 10px 0 0;
}
.comment span.said {
float: none;
color: #999;
}
.commentface {
float: left;
width: 40px;
/*border: 1px solid #ccc;*/
/*padding: 4px;*/
background: transparent;
}
.commentBody, .comment p {
padding-top: 8px;
word-wrap: break-word;
word-break: break-all;
}
/* @group Comments End */
/* @group magInfo */
#magInfo .container {
padding:0;
background-color:#FFFFFF;
}
#magInfo .magInfo {
}
#magInfo .magInfoArea .caption h3 {
visibility:visible;
padding-left:15px;
padding-top:9px;
vertical-align:bottom;
background:url(/img/mini.png) no-repeat 0 -850px;
}
#magInfo .magInfoArea .caption h3 strong {
font-size:14px;
font-weight:700;
}
#magInfo .magInfo ul {
line-height:22px;
}
#magInfo .magInfo ul li {
color:#75b9ff;
}
#magInfo .magInfo ul li span {
color:#646464;
}
#magInfo .magInfo .tag a:link, #magInfo .magInfo .tag a:active, #magInfo .magInfo .tag a:visited {
text-decoration: none;
color: #fff;
background-color:#75b9ff;
padding:0 2px;
}
#magInfo .magInfo .tag a:hover {
color: #75b9ff;
text-decoration:underline;
background-color:#fff;
}
/* @group magInfo End */
/* @group magInfo */
#recommend .container {
padding:0;
background-color:#FFFFFF;
}
#recommend .recommend {
margin-top:10px;/*padding-left:15px;*/
}
#recommend .recommendArea .caption h3 {
visibility:visible;/*padding-left:15px;
padding-top:9px;
vertical-align:bottom;
background:url(/img/mini.png) no-repeat 0 -909px;*/
}
#recommend .recommendArea .caption h3 strong {
font-size:14px;
font-weight:700;
}
#recommend .recommend ul li {
text-align:right;
width:330px;
}
#recommend .submitrecommend {
background: url(/img/mini.png) no-repeat 0 -715px;
width: 100px;
height: 24px;
border: 0px;
cursor: pointer;
text-align:left;
color:#fff;
font-weight:700;
padding-left:10px;
}
#recommend #recommend_body {
width: 324px;
height: 16px;
padding: 2px 2px;
border: 1px solid #c8c8c8;
}
/* @group magInfo End */
/* @group thread */
.threadArea ul {
line-height:22px;
}
/* @group thread End */
/* @group ToolKit */
/* @group FixFloat */
.fix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.fix {
display: inline-table;
min-height: 1%
}
/* Hides from IE-mac \*/
* html .fix {
height: 1%;
}
.fix {
display: block;
}
/* End hide from IE-mac */
#hidden {
display:none;
overflow: hidden;
}
/**右上**/
.sidebox {
line-height: 30px;
}
.sidebox .title {
padding-left:10px;
color:#cccccc;
font-weight: bold;
font-size: 13px;
}
.sidebox .magimg, .sidebox .avatar {
padding-left:10px;
padding-top:10px;
}
.sidebox .user {
padding-left:10px;
padding-top:10px;
color:#ffffff;
}
.sidebox .usertxt {
padding-left:10px;
padding-top:10px;
color:#848484;
}
.sidebox .usertxt .blue {
padding-top:10px;
color:#7fb4e6;
}
.sidebox .usertxt .yellow {
padding-top:10px;
color:#ffac00;
}
.sidebox .star, .sidebox .favor {
padding-left:10px;
color:#808080;
}
.sidebox .favor .shoucang {
color:#ffa903;
}
.nofavor {
background: url(/img/nofavor.gif) no-repeat;
}
/*********************/
#secodebox {
display:none;
}
#secodebox div {
padding-bottom:10px;
padding-top:10px;
}
#seccodeverify {
border: 1px solid #c8c8c8;
}
/***star部分******/
.star {
width:160px;
}
.star .txt {
display:block;
float:right;
line-height:20px;
}
.star-rating {
list-style:none;
width:100px;
height:20px;
position:relative;
background:url(/img/star.gif) top left repeat-x;
margin:3px;
padding:0;
}
.star-rating li {
float:left;
margin:0;
padding:0;
}
.star-rating li a {
display:block;
width:20px;
height:20px;
text-decoration:none;
text-indent:-9000px;
z-index:20;
position:absolute;
padding:0;
}
.star-rating li a:hover {
background:url(/img/star.gif) left bottom;
z-index:1;
left:0;
}
.star-rating a {
outline:none;
}
.star-rating a.one-star {
left:0;
}
.star-rating a.one-star:hover {
width:20px;
}
.star-rating a.two-stars {
left:20px;
}
.star-rating a.two-stars:hover {
width:40px;
}
.star-rating a.three-stars {
left:40px;
}
.star-rating a.three-stars:hover {
width:60px;
}
.star-rating a.four-stars {
left:60px;
}
.star-rating a.four-stars:hover {
width:80px;
}
.star-rating a.five-stars {
left:80px;
}
.star-rating a.five-stars:hover {
width:100px;
}
.star-rating a.current1 {
background:url(/img/star.gif) left bottom;
z-index:1;
left:0;
width:20px;
}
.star-rating a.current2 {
background:url(/img/star.gif) left bottom;
z-index:1;
left:0;
width:40px;
}
.star-rating a.current3 {
background:url(/img/star.gif) left bottom;
z-index:1;
left:0;
width:60px;
}
.star-rating a.current4 {
background:url(/img/star.gif) left bottom;
z-index:1;
left:0;
width:80px;
}
.star-rating a.current5 {
background:url(/img/star.gif) left bottom;
z-index:1;
left:0;
width:100px;
}
/* @end */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
font: 12px Arial, Helvetica, sans-serif;
color: #333333;
}
#TB_secondLine {
font: 11px Arial, Helvetica, sans-serif;
color:#666666;
}
#TB_window a:link {
color: #666666;
}
#TB_window a:visited {
color: #666666;
}
#TB_window a:hover {
color: #000;
}
#TB_window a:active {
color: #666666;
}
#TB_window a:focus {
color: #666666;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
position: fixed;
z-index:100;
top: 0px;
left: 0px;
height:100%;
width:100%;
}
.TB_overlayMacFFBGHack {
background: url(macFFBgHack.png) repeat;
}
.TB_overlayBG {
background-color:#000;
filter:alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
position: fixed;
background: #ffffff;
z-index: 102;
color:#000000;
display:none;
border: 4px solid #525252;
text-align:left;
top:50%;
left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
display:block;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#TB_window #TB_Flash {
display:block;
width:940px;
margin: 15px 0 0 15px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #666;
border-left: 1px solid #666;
}
#TB_caption {
height:25px;
padding:7px 30px 10px 25px;
float:left;
}
#TB_closeWindow {
height:25px;
padding:11px 25px 10px 0;
float:right;
}
#TB_closeAjaxWindow {
padding:7px 10px 5px 0;
margin-bottom:1px;
text-align:right;
float:right;
}
#TB_ajaxWindowTitle {
float:left;
padding:7px 0 5px 10px;
margin-bottom:1px;
}
#TB_title {
background-color:#e8e8e8;
height:27px;
}
#TB_ajaxContent {
clear:both;
padding:2px 15px 15px 15px;
overflow:auto;
text-align:left;
line-height:1.4em;
}
#TB_ajaxContent.TB_modal {
padding:15px;
}
#TB_ajaxContent p {
padding:5px 0px 5px 0px;
}
#TB_load {
position: fixed;
display:none;
height:13px;
width:208px;
z-index:103;
top: 50%;
left: 50%;
margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect {
z-index:99;
position:fixed;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
height:100%;
width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
position: absolute;
height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent {
clear:both;
border:none;
margin-bottom:-1px;
margin-top:1px;
_margin-bottom:1px;
}
#ajaxLogin {
background-color:#4c4c4c;
width:410px;
}
#ajaxLogin h3 {
height:50px;
width:410px;
background:#707070 url(/img/login_title.gif) no-repeat;
text-indent:-2000px;
}
#ajaxLogin a.closeBox {
height:50px;
width:50px;
display:block;
float:right;
}
#ajaxLogin a.closeBox:hover {
background:none;
}
#ajaxLogin table {
margin-top:20px;
color:#ccc;
}
#ajaxLogin .clear_input {
border:1px solid #b6b7bb;
height:23px;
padding:4px 0 0 3px;
color:#4c4c4c;
}
/*** new style****/
#boxBinner, #boxAinner {
}
.magbanner {
width:100%;
height:28px;
border-top: 1px solid #fff;
border-bottom: 1px solid #a0a0a0;
background:#d2d2d2;
}
.magbannerWrap {
width:940px;
padding:0 40px 0 0;
margin:0 auto;
}
.magbanner ul {
float:left;
margin:0;
padding:5px 0 0 0;
list-style:none;
}
.magbanner .navA {
width:470px;
float:left;
}
.magbanner .txt {
float:left;
padding:4px 8px 4px 30px;
}
.magbanner .navB {
width:470px;
float:right;
}
.magbanner li {
float:left;
margin:0 5px 0 0;
padding:0;
background:#a0a0a0;
}
.magbanner a:link,.magbanner a:active,.magbanner a:visited {
float:left;
display:block;
margin:0;
padding:0;
color:#000000;
text-decoration:none;
border-bottom:none;
}
.magbanner a{
cursor:pointer;
}
/**默认的左右圆角**/
.magbanner .bgleft {
float:left;
background: url(/img/left.gif) no-repeat top left;
}
.magbanner .bgright {
float:left;
background: url(/img/right.gif) no-repeat top right;
}
.magbanner a {
outline-style:none;
}
/**当前状态和鼠标悬浮的左右圆角**/
.magbanner a:hover .bgleft, .navA .current .bgleft, .navB .current .bgleft {
float:left;
background: url(/img/currleft.gif) no-repeat top left;
padding-bottom:1px;
z-index:1000;
}
.magbanner a:hover .bgright, .navA .current .bgright, .navB .current .bgright {
float:left;
background: url(/img/currright.gif) no-repeat top right;
padding-bottom:1px;
z-index:1000;
}
/**当前状态和鼠标悬浮的高亮**/
.magbanner a:hover, .navA .current, .magbanner a:hover, .navB .current {
color:#000000;
background:#ffffff;
}
/*********小图标*******/
/**主题信息*/
#magInfo .txt {
background: url(/img/magbanner.gif) no-repeat 10px -359px;
}
#magInfo a:hover .txt, #magInfo .current .txt {
background: url(/img/magbanner.gif) no-repeat 10px -320px;
}
/**评论*/
#comment .txt {
background: url(/img/magbanner.gif) no-repeat 10px -118px;
}
#comment a:hover .txt, #comment .current .txt {
background: url(/img/magbanner.gif) no-repeat 10px -76px;
}
/**下载**/
#moviedowndload .txt {
background: url(/img/magbanner.gif) no-repeat 10px -281px;
}
#moviedowndload a:hover .txt, #moviedowndload .current .txt {
background: url(/img/magbanner.gif) no-repeat 10px -242px;
}
/**电影**/
#magmovie .txt {
background: url(/img/magbanner.gif) no-repeat 10px -35px;
}
#magmovie a:hover .txt, #magmovie .current .txt {
background: url(/img/magbanner.gif) no-repeat 10px 6px;
}
/**演员**/
#magpeople .txt {
background: url(/img/magbanner.gif) no-repeat 10px -202px;
}
#magpeople a:hover .txt, #magpeople .current .txt {
background: url(/img/magbanner.gif) no-repeat 10px -160px;
}
/**音乐**/
#music .txt {
background: url(/img/magbanner.gif) no-repeat 10px -494px;
}
#music a:hover .txt, #music .current .txt {
background: url(/img/magbanner.gif) no-repeat 10px -464px;
}
/***主题**/
#thread .txt {
background: url(/img/magbanner.gif) no-repeat 10px -437px;
}
#thread a:hover .txt, #thread .current .txt {
background: url(/img/magbanner.gif) no-repeat 10px -398px;
}
/***观影团**/
#guanyingtuan .txt {
background: url(/img/magbanner.gif) no-repeat 10px -522px;
}
#guanyingtuan a:hover .txt, #guanyingtuan .current .txt {
background: url(/img/magbanner.gif) no-repeat 10px -546px;
}
/******end***/