* {margin:0; padding:0; outline:0;}
body {font-size:12px; line-height:1.3; font-family:Arial, Helvetica, Sans-Serif; color:#ccc; background:#0a2035;}
a {color:#FF9900; text-decoration:underline; cursor:pointer;}
a:hover {text-decoration:none;}
a img {border:0;}
input, textarea, select {font-size:12px; font-family:Arial, Helvetica, sans-serif; float: right;}
textarea {overflow:auto;}
.cl {display:block; height:0; font-size:0; line-height:0; text-indent:-4000px; clear:both;}
.notext {font-size:0; line-height:0; text-indent:-4000px;}
.left, .alignleft {float:left; display:inline;}
.right, .alignright {float:right; display:inline;}
.text-right {text-align:right;}
h2 {font-size:10px; color:#f2a223; font-weight:bold;}
h3 {font-size:14px; color:#fff; font-weight:bold;}
h4 {font-size:14px; color:#f3b12b; font-weight:bold;}
#shell {width:980px; margin:0 auto;}
#header {position:relative;}
h1#logo {position:absolute; top:20px; left:0;}
h1#logo a {float:left; width:400px; height:40px; background:url('images/logo.gif') no-repeat 0 0; font-size:0; line-height:0; text-indent:-4000px;}

#navigation {float:right; clear:right; padding-top:28px; padding-bottom:47px;}
#navigation ul {list-style:none;}
#navigation ul li {float:left; display:inline; padding-left:29px;}
#navigation ul li a {font-size:14px; font-weight:bold; color:#fff; text-decoration:none;}
#navigation ul li a.active, #navigation ul li a:hover {color:#d91d2a;}

#sub-navigation {display:block; clear:right; border-top:1px dashed #666; padding:8px 0;}
#sub-navigation ul {list-style:none;}
#sub-navigation ul li {float:left; display:inline; padding-right:23px;}
#sub-navigation ul li a {font-size:14px; font-weight:bold; color:#fff; line-height:24px; text-decoration:none;}
#sub-navigation ul li a:hover {text-decoration:underline;}

#search {width:346px; margin:0 0 0 auto;}
#search label {float:left; display:inline; font-size:14px; font-weight:bold; color:#fff; line-height:24px; padding-right:6px;}
#search .search-field {width:238px; border:solid 1px #FF9900; background:#FFEED5; color:#195186; padding:2px 0 2px 2px;}
#search .search-field:hover {background:#ffffff; border: solid 1px #9A8A66;}
#search .search-button 			{background:#0A2035; color:#FF9900; border:solid 1px #FF9900; font-size:14px; cursor:pointer;}
#search .search-button:hover 	{background:#FF9900; color:#0A2035;}

#main {border-bottom:1px dashed #666; padding-bottom: 20px;}
#content {}

.box {width:980px; border-bottom:1px dashed #413e3e; padding-bottom:21px;}
.box .head {width:980px; padding-top:14px; padding-bottom:11px;}
.box .head h2 {float:left; display:inline;}
.box .movie {width:152px; float:left; padding-right:12px;}
.box .last {padding:0;}

.movie span.name {font-weight:bold; color:#fff; font-size:14px; text-align:center; padding-top:160px; display:block;}
.movie-image {float:left; width:152px; height:214px; position:relative;}
.movie-image img {width:152px; height:214px;}
.movie-image a {float:left; display:inline; width:152px; height:214px; position:relative; z-index:2;}

.detail-image img {width:338px; height:500px;}
.play {position:absolute; top:0; left:0; width:152px; height:214px; background:url('images/image-hover.png'); display:block; z-index:5; cursor:pointer; display:none;}

.rating {float:left; width:152px; padding-top:8px;}
.rating p {float:left; font-size:10px; color:#fff; font-weight:bold;}
.rating .stars {float:left; width:60px; height:11px; background:url('images/stars.gif') no-repeat 0 0; margin-left:2px;}
.rating .stars-in {width:44px; display:inline; background:url('images/stars.gif') no-repeat 0 bottom; position:absolute; height:11px; font-size:0; line-height:0; text-indent:-4000px;}

.comments {background:url('images/comments.gif') no-repeat 0 center; padding-left:12px; float:right;}

#list {width:1000px; float:left;}

#news {width:460px; float:left;}
#news .head {width:460px; padding-top:11px; padding-bottom:14px;}
#news h3, #coming h3 {float:left;}

#coming {width:490px; float:left; padding-left:30px;}
#coming .head {width:490px; padding-top:11px; padding-bottom:14px;}
#coming .head strong {color:#ff361a;}
#coming .content {min-height:130px; height:auto !important; height:130px; padding-bottom:20px;}
#coming .content h4 {padding-bottom:3px;}

.content {padding-bottom:28px; }
.content .date {font-size:10px; color:#fff;}
.content img {float:left; width:68px; padding-right:8px;}
.content p {font-size:13px; color:#fff; line-height:16px;}
.content a {font-size:11px;}

#footer {padding:15px 0 0 0; font-size:10px;}
#footer, #footer a {color:#9c9c9c; text-decoration:none;}
#footer a:hover {text-decoration:none;}
#footer p {margin:0; padding:0 0 11px 0; line-height:normal; white-space:nowrap;}
#footer .lf {float:left;}
#footer .rf {float:right;}

.form .text 		{border:solid 1px #FF9900; width:300px; padding-bottom: 2px; padding-top: 2px; padding-left:5px; font-size: 1.0em; color:#195186; 
			 		 background:#FFEED5;}
.form .text:hover 	{background:#ffffff; border: solid 1px #9A8A66;}
.form .text:focus 	{background:#ffffff; border: solid 1px #9A8A66;}
.form .textarea 	{width:300px; height:150px; padding-left:5px; border:solid 1px #FF9900; font-size:1.0em; color:#195186; background:#FFEED5;}
.form label 		{float: left; width: 120px; text-align: right; margin-right: 2px; font-size: 1.0em; color: #fff;}

.button:hover 	{height:20px; border:solid 1px #0A2035; background:#FF9900; color:#0A2035;}
.button			{height:20px; border:solid 1px #FF9900; background:#0A2035; color:#FF9900;}