@charset "utf-8";
/* www.iiboo.com CSS Document */
/* Author Fox.Qian August 5, 2008 */

* {margin:0; padding:0;}
body {text-align:center; color:#333; font:12px "宋体", Arial, Helvetica, sans-serif;}
a {text-decoration:none; color:#333;}
a:hover {text-decoration:underline;}
img {border:none; vertical-align:middle;}
li {list-style:none;}
label {cursor:pointer;}

/* 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 */

.font-blue {color:#06f;}

a.pic-link {display:block; padding:1px; border:1px solid #ccc;}
a.pic-link:hover {background-color:#d5e6f0; border:1px solid #5bbbe9;}

div.layout-a {margin-top:10px; border:1px solid #ccc;}
div.layout-a div.title {height:26px; padding-left:10px; background:url(../images/h2_bg.gif) repeat-x; border-bottom:1px solid #ccc; line-height:26px; font-size:13px; font-weight:bold;}
div.layout-b {margin-top:10px; padding:10px; border:1px solid #ccc;}
div.layout-b h3 {margin-bottom:10px; font-size:13px;}

div#wrapper {width:1000px; margin:0 auto; text-align:left;}

div#header {position:relative;}

div#nav {height:31px; background:url(../images/nav_bg.gif) repeat-x bottom;}
div#nav ul {width:600px; margin:0 auto;}
div#nav ul li {display:inline; float:left; margin:0 10px;}
div#nav ul li a {display:block; width:80px; height:30px; margin-top:1px; text-align:center; line-height:30px; color:#fff; font-size:14px; font-weight:bold; text-decoration:none;}
div#nav ul li.current {width:80px; height:31px; background-color:#fff;}
div#nav ul li.current a {width:76px; margin:0 1px; background:url(../images/nav_tab.gif) repeat-x; border:1px solid #c4d8e3; border-bottom:none; color:#000;}

div#search {position:relative; height:80px; background:#d5e6f0 url(../images/search.gif) no-repeat 105px center;}
div#search form#formSearch {position:absolute; top:10px; left:175px; line-height:24px;}
div#search form#formSearch label {font-weight:bold;}
div#search form#formSearch input.form-text {width:200px; height:16px; padding:1px; margin-right:10px;}
div#search form#formSearch input.form-button {width:68px; height:24px; background:url(../images/button.gif) no-repeat; border:none; cursor:pointer;}
div#search div.hot {position:absolute; bottom:18px; left:175px; width:660px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div#search div.hot ul li {display:inline;}
div#search div.hot ul li.title {font-weight:bold;}

div#container {}

div#sidebar {display:inline; float:left; width:225px; margin-right:10px;}
div#sidebar div.download {position:relative; height:87px; padding:3px; background:url(../images/download.gif) no-repeat 3px 3px;}
div#sidebar div.download a {position:absolute; top:51px; left:34px; display:block; width:143px; height:31px;}
div#sidebar div.download a span {display:none;}
div#sidebar div.categories {padding:0 5px 10px;}
div#sidebar div.categories ul li {display:block; float:left; width:70px; margin-top:10px; border-right:1px solid #333; text-align:center;}
div#sidebar div.categories ul li.end {border-right:none;}
div#sidebar div.categories ul li a {color:#06f;}
div#sidebar div.recommend {padding:10px 5px;}
div#sidebar div.recommend-bg {background-color:#f5f5f5;}
div#sidebar div.recommend a.pic-link {display:inline; float:left; width:85px; height:110px;}
div#sidebar div.recommend a.pic-link img {width:85px; height:110px;}
div#sidebar div.recommend dl {display:inline; float:left; width:114px; margin-left:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div#sidebar div.recommend dl dt {line-height:30px; font-size:13px;}
div#sidebar div.recommend dl dt a {color:#0765bd; font-weight:bold;}
div#sidebar div.recommend dl dd {line-height:20px; color:#6f6f6f;}
div#sidebar div.recommend dl dd span {color:#333;}

div#content {display:inline; float:left; width:765px;}
div#content div.location {margin-top:10px; line-height:28px;}
div#content div.location a {color:#000; font-weight:bold;}
div#content div.adv {width:765px; overflow:hidden;}
div#content div.channel-nav {padding-left:0;}
div#content div.channel-nav ul li {display:inline; float:left; width:68px; border-right:1px solid #ccc;}
div#content div.channel-nav ul li a {display:block; width:68px; height:26px; text-decoration:none; text-align:center;}
div#content div.channel-nav ul li.current {width:70px; border-right:none;}
div#content div.channel-nav ul li.current a {height:30px; margin:-1px 0 0 -1px; padding:1px 1px 0; background:url(../images/channel_nav_tab.gif) no-repeat; color:#fff;}
div#content div.page {position:relative; margin-top:3px; padding:10px 10px 13px; border-bottom:1px dashed #ccc;}
div#content div.page-bottom {margin-top:0; padding:13px 10px; border-top:1px dashed #ccc; border-bottom:none;}
div#content div.page ul {position:absolute; top:5px; right:10px;}
div#content div.page-bottom ul {top:8px;}
div#content div.page ul li {display:inline; float:left; margin-left:5px; text-align:center; line-height:20px;}
div#content div.page ul li a {display:block; width:20px; height:20px; border:1px solid #ccc; text-decoration:none;}
div#content div.page ul li a:hover {background-color:#d5e6f0; border:1px solid #5bbbe9;}
div#content div.page ul li a.flip {width:auto; padding:0 5px;}
div#content div.page ul li span {display:block; height:20px; padding:0 5px; border:1px solid #ccc;}
div#content div.page ul li span.current {width:20px; padding:0; background-color:#d5e6f0; border-color:#5bbbe9;}
div#content div.page ul li a.button-a1 {width:30px;}
div#content div.page ul li a.button-a2 {width:40px;}
div#content div.page ul li span.button-b1 {width:30px;}
div#content div.page ul li span.button-b2 {width:40px;}
div#content div.index-movie {position:relative; padding:10px;}
div#content div.index-movie-bg {background-color:#f5f5f5;}
div#content div.index-movie a.pic-link {display:inline; float:left; width:128px; height:168px;}
div#content div.index-movie a.pic-link img {width:128px; height:168px;}
div#content div.index-movie dl {display:inline; float:left; width:601px; margin-left:10px;}
div#content div.index-movie dl dt {line-height:30px; font-size:14px; font-weight:bold;}
div#content div.index-movie dl dt a {color:#f00;}
div#content div.index-movie dl dd {line-height:22px; color:#6f6f6f;}
div#content div.index-movie dl dd span {color:#333;}
div#content div.index-movie dl dd.comment {position:absolute; top:10px; right:10px; color:#333;}
div#content div.index-movie dl dd.comment span {color:#000; font-size:24px; font-weight:bold;}
div#content div.index-movie dl dd.aspect {padding:5px 0; color:#333; text-indent:24px;}
div#content div.index-movie dl dd.detail {position:absolute; bottom:25px; right:60px;}
div#content div.search-movie {position:relative; padding:10px 20px; border-bottom:1px solid #ccc;}
div#content div.search-movie a.pic-link {display:inline; float:left; width:180px; height:240px;}
div#content div.search-movie a.pic-link img {width:180px; height:240px;}
div#content div.search-movie dl {display:inline; float:left; width:756px; margin-left:20px;}
div#content div.search-movie dl dt {line-height:30px; font-size:16px; font-weight:bold;}
div#content div.search-movie dl dt a {color:#f00;}
div#content div.search-movie dl dd {line-height:25px; color:#6f6f6f;}
div#content div.search-movie dl dd span {color:#333;}
div#content div.search-movie dl dd.aspect {padding:5px 0; color:#333; text-indent:24px;}
div#content div.search-movie dl dd.detail {position:absolute; bottom:25px; right:60px;}
div#content ul.search-none {padding:10px 20px; border-bottom:1px solid #ccc;}
div#content ul.search-none li {line-height:20px;}
div#content ul.search-none li.title {padding-bottom:10px;}
div#content div.movie {padding:10px; background-color:#f5f5f5;}
div#content div.movie a.pic-link {width:180px; height:240px;}
div#content div.movie img {display:inline; float:left; width:180px; height:240px; padding:1px; border:1px solid #ccc;}
div#content div.movie dl {display:inline; float:left; width:549px; margin-left:10px;}
div#content div.movie dl dt {line-height:30px; font-size:16px; font-weight:bold;}
div#content div.movie dl dt a {color:#f00;}
div#content div.movie dl dd {line-height:25px; color:#6f6f6f;}
div#content div.movie dl dd span {color:#333;}
div#content div.movie dl dd.aspect {padding:5px 0; color:#333; text-indent:24px;}
div#content div.share {display:inline; float:left; width:476px; padding-right:10px; border-right:1px dashed #ccc;}
div#content div.share textarea {width:390px; height:32px; padding:1px; font-size:12px;}
div#content div.share button {margin-left:10px;}
div#content div.share p {margin-top:10px; color:#666;}
div#content div.score {position:relative; display:inline; float:left; width:236px; padding:0 10px;}
div#content div.score ul {position:relative; width:150px; height:30px; background:url(../images/star_rating.gif) repeat-x top left;}
div#content div.score li {display:inline; float:left;}
div#content div.score li span {display:none;}
div#content div.score li.current-rating {position:absolute; z-index:1; display:block; height:30px; background:url(../images/star_rating.gif) bottom left;}
div#content div.score li a {position:absolute; z-index:3; display:block; width:30px; height:30px;}
div#content div.score li a:hover {left:0; z-index:2; background:url(../images/star_rating.gif) left center;}
div#content div.score a.one-star {left:0;}
div#content div.score a.one-star:hover {width:30px;}
div#content div.score a.two-stars {left:30px;}
div#content div.score a.two-stars:hover {width:60px;}
div#content div.score a.three-stars {left:60px;}
div#content div.score a.three-stars:hover {width:90px;}
div#content div.score a.four-stars {left:90px;} 
div#content div.score a.four-stars:hover {width:120px;}
div#content div.score a.five-stars {left:120px;}
div#content div.score a.five-stars:hover {width:150px;}
div#content div.score p.num {position:absolute; left:180px; top:20px; color:#f78404; font:bold 35px Britannic Bold;}
div#content div.score p.num span {vertical-align:top; font-size:20px;}
div#content div.score p.ps {margin-top:10px;}
div#content div.score p.ps span {color:#f78404; font-size:16px; font-weight:bold;}
div#content div.play {padding:0 10px 10px; background-color:#f5f5f5;}
div#content div.play ul li {display:inline; float:left; width:351px; margin:10px 10px 0;}
div#content div.play img {vertical-align:middle; margin-left:10px;}
div#content p.movie-content {padding:10px; line-height:25px; text-indent:24px;}

div#footer {margin-top:10px; padding:10px 0; border-top:1px solid #ccc;}