@charset "utf-8";
/* Goseesee.com CSS Document */

* {margin:0; padding:0; color:#000; font:12px "微软雅黑", Arial, Helvetica, sans-serif;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
img {border:none; vertical-align:middle;}
label {cursor:pointer;}
li {list-style:none;}

/* 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 */
div.layout_1 {margin-top:10px; background-color:#f7f7f7;}
div.layout_1 h3 {padding-left:10px; background:url(images/title_bg_1.gif) repeat-x; line-height:25px; color:#fff; font-weight:bold;}
div.layout_2 {position:relative; margin-top:10px; border:1px solid #ccc;}
div.layout_2 h3 {padding-left:10px; border-bottom:1px solid #ccc; background:url(images/title_bg_2.gif) repeat-x; line-height:25px; color:#000; font-weight:bold;}
div.layout_2 h3 span {position:absolute; top:4px; right:10px; color:#666;}
div.layout_3 {padding:10px;}
div.layout_3 p {line-height:20px; text-indent:24px;}

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

#menuer {position:relative; height:30px; background:url(images/menu_bger.gif) repeat-x 1px;}
#menuer ul {width:1000px; margin:0 auto;}
#menuer ul li {display:inline; float:left;}
#menuer ul li a {display:block; width:88px; height:30px; margin-top:1px; text-align:center; line-height:30px; color:#f60; font-size:15px; font-weight:bold; text-decoration:none;}

#header {position:relative; height:80px;}
#header div.logo {position:absolute; top:10px; left:20px; width:160px; height:60px;}
#header div.logo img {display:block;}
#header div.banner {position:absolute; top:10px; left:200px; width:520px; height:60px; text-align:center; overflow:hidden;}
#header div.topnav {position:absolute; top:10px; right:20px; text-align:center;}
#header div.topnav ul li {display:inline;}
#header div.topnav ul li a:hover {background-color:#f00; color:#fff; text-decoration:none;}

#menu {position:relative; height:28px; background:url(images/menu_bg.gif) repeat-x 1px;}
#menu ul {width:1000px; margin:0 auto;}
#menu ul li {display:inline; float:left;}
#menu ul li a {display:block; width:49px; height:30px; margin-top:1px; text-align:center; line-height:30px; color:#fff; font-size:13px; font-weight:bold; text-decoration:none;}
#menu ul li.adn_menu {background-color:#fff;}
#menu ul li.adn_menu a {width:60px; height:28px; margin:0 1px;  background:url(images/menu_list.gif) repeat-x; color:#000;}
#menu div.hot { position:absolute; top:-9px; right:312px; width:19px; height:23px; background:url(images/icon_hot.gif) 19px;}
#menu div.new {position:absolute; top:-9px; right:505px; width:19px; height:23px; background:url(images/icon_hot.gif) 38px;}
#menu div.beta {display:none; position:absolute; top:0; left:540px; width:35px; height:18px; background:url(images/icon_beta.gif) no-repeat;}

#search {position:relative; height:70px; background:#f0f0f0 url(../images/search_bg.jpg) no-repeat 20px;}
#search ul.form {position:absolute; top:10px; left:58px;}
#search ul.form li {display:inline;}
#search ul.form li label {margin-right:10px;}
#search ul.form li input {vertical-align:middle;}
#search ul.form li input.text {width:400px; height:17px; margin-right:10px; padding:2px; border:1px solid #b4b4b4; border-bottom-color:#fff; border-right-color:#fff;}
#search ul.form li input.button {width:71px; height:23px; border:none; background:url(/images/button_search.gif) no-repeat;}
#search ul.hot {position:absolute; top:43px; left:58px; width:922px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#search ul.hot li {display:inline; margin:0 2px;}
#search ul.hot li a {color:#666;}
#search ul.hot li.title {color:#f00; margin-left:0;}

#container {}
#container div.topten {display:inline; float:left; width:240px; height:360px; margin:10px 5px 0; background:url(/images/topten_bg.gif) no-repeat;}
#container div.topten h3 {padding-top:1px; text-align:center; line-height:34px; color:#f00; font-size:14px; font-weight:bold;}
#container div.topten table{border-collapse:collapse;}
#container div.topten table th, #container div.topten table td {text-align:center;}
#container div.topten table th {padding:1px 0 5px; line-height:20px;}
#container div.topten table td {border-bottom:1px dashed #ccc; line-height:27px;}
#container div.topten table th.col1 {width:40px;}
#container div.topten table th.col2 {width:100px;}
#container div.topten table th.col3 {width:40px;}
#container div.topten table th.col4 {width:56px;}
#container div.topten table th.col5 {width:96px;}
#container div.topten table td.name {text-align:left;}
#container div.topten table td.name a {display:block; width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#sidebar {display:inline; float:left; width:250px; margin-right:10px;}
#sidebar div.download {position:relative; height:83px; margin-top:10px; padding:10px; border:1px solid #ffc418; background:url(/images/download_bg3.gif) repeat-x;}
#sidebar div.download dl {}
#sidebar div.download dl dt {margin-bottom:5px;}
#sidebar div.download dl dd {display:inline; color:#f00;}
#sidebar div.download dl dd a {color:#f00;}
/*
#sidebar div.download dl dd.beta {position:absolute; top:95px; left:35px; padding-left:38px; background:url(/images/icon_cow2.gif) no-repeat left center; line-height:30px;}
#sidebar div.download dl dd.beta a {font-weight:bold;}
#sidebar div.download dl dd.beta a span {color:#000;}
*/
#sidebar div.service {padding:0 19px 10px; text-align:center;}
#sidebar div.service ul li {display:block; float:left; width:106px; margin-top:10px;}
#sidebar div.service p {margin-top:10px;}
#sidebar div.recommend {padding:10px; border-bottom:1px dashed #ccc;}
#sidebar div.recommend img {display:inline; float:left; width:85px; height:110px; margin-right:10px; padding:1px; border:1px solid #ccc;}
#sidebar div.recommend dl {display:inline; float:left; width:131px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#sidebar div.recommend dl dt {line-height:24px;}
#sidebar div.recommend dl dt a {color:#0e69be; font-weight:bold;}
#sidebar div.recommend dl dd {line-height:18px;}
#sidebar div.recommend dl dd a {color:#666;}

#content {display:inline; float:left; width:740px;}
#content div.statement {margin-top:10px; padding:5px 10px; background-color:#f8f8f8; border:1px solid #ccc; color:#666;}
#content div.location {margin-top:10px; padding:5px 10px; background-color:#f8f8f8; border:1px solid #ccc; color:#666;}
#content div.location a {color:#666;}
#content div.location span {color:#f00; font-weight:bold;}
#content div.category {margin-top:10px; padding:5px 10px 10px; border:1px solid #ccc;}
#content div.category ul.nocurrent {filter:alpha(opacity=30); -moz-opacity:0.3;}
#content div.category ul li {display:inline; float:left; margin:5px 14px 0 0; line-height:20px;}
#content div.category ul li.title {width:68px; height:20px; background:url(images/icon_class.gif) no-repeat; text-align:center; color:#fff;}
#content div.category ul li a:hover {color:#f60;}
#content div.category ul li a.current {color:#f00; font-weight:bold;}
#content div.category ul li a.other {color:#f60; font-weight:bold;}
#content div.order {margin-top:10px;}
#content div.order p {float:left; padding-left:10px; line-height:28px;}
#content div.order p span {color:#f00; font-weight:bold;}
#content div.order ul {float:right;}
#content div.order ul li {float:left;}
#content div.order ul li a {display:block; width:96px; height:28px; background:url(/images/icon_order.gif) no-repeat top; text-align:center; line-height:28px; font-size:14px; text-decoration:none;}
#content div.order ul li a:hover {background:url(/images/icon_order.gif) no-repeat bottom; color:#666; font-weight:bold;}
#content div.order ul li a.current {background:url(/images/icon_order.gif) no-repeat bottom; color:#000; font-weight:bold;}
#content div.movlist {border:1px solid #ccc; border-bottom:none;}
#content div.page {padding:10px; border-bottom:1px solid #ccc;}
#content div.page ul {float:right;}
#content div.page ul li {display:inline; float:left; margin:0 3px;}
#content div.page ul li a {display:block; padding:2px 5px; border:1px solid #ccc;}
#content div.page ul li.current {padding:2px 5px; border:1px solid #ccc; background-color:#666; color:#fff;}
#content div.movwrap {position:relative; padding:10px; border-bottom:1px solid #ccc;}
#content div.movwrap img.movimg {display:inline; float:left; width:126px; height:168px; margin-right:10px; padding:1px; border:1px solid #ccc;}
#content div.movwrap dl {display:inline; float:left; width:578px;}
#content div.movwrap dl dt {line-height:25px;}
#content div.movwrap dl dt a {color:#f00; font-size:14px; font-weight:bold;}
#content div.movwrap dl dd {line-height:20px;}
#content div.movwrap dl dd a {text-decoration:underline;}
#content div.movwrap dl dd.intro {margin:5px 0; text-indent:24px;}
#content div.movwrap dl dd.play {margin-top:4px;}
#content div.movwrap dl dd.play img {margin-right:10px;}
#content div.movwrap dl dd.appr {position:absolute; top:8px; right:10px;}
#content div.movwrap dl dd.appr span {font-size:20px; font-weight:bold;}
#content div.movwrap dl dd.detail {position:absolute; bottom:20px; right:20px;}
#content div.movwrap dl dd img.more {cursor:pointer;}
#content div.movintro img.movimg {display:inline; float:left; width:180px; height:240px; margin-right:20px; padding:1px; border:1px solid #ccc;}
#content div.movintro dl {position:relative; display:inline; float:left; width:514px;}
#content div.movintro dl dt h1 {line-height:28px; color:#f00; font-size:14px; font-weight:bold;}
#content div.movintro dl dd {line-height:24px;}
#content div.movintro dl dd a {text-decoration:underline;}
#content div.movintro2 a {text-decoration:underline;}
#content div.playlist {padding:0 0 10px 10px;}
#content div.playlist ul li {display:inline; float:left; margin:10px 10px 0 0; width:70px; text-align:center;line-height:150%;border:1px solid #3C3C3C;}


#content div.playlist ul li span {font-weight:bold;}
#content div.playlist ul li a:hover{background:#ff0000;color:#FFFFFF}



#content div.playlist ul li img {margin:0 5px;}

#content div.movlink {padding:10px 5px;}
#content div.movlink ul li {display:inline; float:left; width:94px; margin:0 5px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#content div.movlink ul li img {width:90px; height:120px; margin-bottom:5px; padding:1px; border:1px solid #ccc;}

#footer {margin-top:10px;}
#footer div.friend {padding:10px 5px;}
#footer div.friend ul li {display:inline; float:left; margin:0 5px;}
#footer div.bottomnav {padding:10px; border-bottom:1px solid #ccc;}
#footer div.bottomnav ul {width:285px; margin:0 auto;}
#footer div.bottomnav ul li {display:inline; float:left; margin:0 5px;}
#footer div.copyright {margin:10px 0;}
#footer div.copyright p {width:800px; margin:10px auto 0; text-align:center; line-height:20px;}
#footer div.copyright a {text-decoration:underline;}
#footer div.copyright p span.bold {font-weight:bold;}
#footer div.copyright p span.italic {font-size:10px; font-style:italic;}

.friend {padding:10px 5px;}
.friend ul li {display:inline; float:left; margin:0 5px;}

#footer {margin-top:10px;}
#footer div.bottomnav {padding:10px; border-bottom:1px solid #ccc;}
#footer div.bottomnav ul {width:477px; margin:0 auto;}
#footer div.bottomnav ul li {display:inline; float:left; margin:0 5px;}
#footer div.copyright {margin:10px 0;}
#footer div.copyright p {width:800px; margin:10px auto 0; text-align:center; line-height:20px;}
#footer div.copyright p span.bold {font-weight:bold;}
#footer div.copyright p span.italic {font-size:10px; font-style:italic;}

div.adv_1 {width:1000px; margin-top:10px; text-align:center; overflow:hidden;}
div.adv_2 {width:250px; margin-top:10px; text-align:center; overflow:hidden;}
div.adv_3 {width:740px; margin-top:10px; text-align:center; overflow:hidden;}

#bar h3, #show h3 {cursor:pointer;}
#show h3 span {display:inline; float:right; padding-right:10px; line-height:25px; color:#fff; font-weight:bold;}
#slist {display:none; padding:10px; border:1px solid #ccc; line-height:20px;}
div.marqueeX {margin:0 auto; overflow:hidden;}
div.marqueeX p {white-space:nowrap;}
div.more, div.origin {display:inline; float:left; height:24px; line-height:24px;}
div.origin {width:470px;}
div.CAPXOUS_AutoComplete_waiting {background:url(/images/icon_wait.gif) no-repeat right;}
div.CAPXOUS_AutoComplete {border:1px solid #666; background-color:#fff; z-index:999;}
div.CAPXOUS_AutoComplete .selectable {padding:2px 5px; color:#333;}
div.CAPXOUS_AutoComplete .current {background-color:#ffd563; color:#000; cursor:pointer;}
div.CAPXOUS_AutoComplete .informal {float:right; color:#444;}
div.CAPXOUS_AutoComplete a {padding:2px 5px; color:#333; font-weight:bold;}
div.CAPXOUS_AutoComplete a:hover {color:#000;}
div.CAPXOUS_AutoComplete img {display:none;}
div.playTips{display:none; position:relative; padding:10px 15px; border:1px solid #ccc; background-color:#fff;}
div.playTips span{position:absolute; top:0; right:4px; color:#f00; font-weight:bold; cursor:pointer;}
div.playTips p{line-height:20px;}