*{ margin:0; padding:0}
a{ text-decoration:none}
img{ border:none}
li{ list-style:none}

body{ background:url(../../images/vhc/page_bg.jpg) no-repeat center top; color:#818181; font-family:Tahoma; font-size:12px}
.layout{ width:884px; margin:auto;}

/*header*/
.header{ width:884px; float:left;}
.logo{ float:left; margin-top:24px}
.header_right{ float:right; margin-top:47px; width:400px}
.login{ float:right; font-size:14px; color:#fff; padding-right:5px; padding-left:15px}
.login a{ color:#000000; font-size:14px}
.login a:hover{ color:#04b0ff; text-decoration:underline}
.search_bar{ float:right;}
.search_bar li{ float:left; padding-left:9px}
.search_text{ width:182px; height:20px; background:#fff; border:1px solid #e1e1e1; padding-top:1px}
.search_button{ display:block; float:left; background:url(../../images/vhc/search_button.jpg) no-repeat; width:63px; height:20px; color:#fff; font-size:12px; text-align:center; padding-top:4px}
.search_button:hover{ color:#0080bb}
.share{ clear: left; float:right; width:180px; height:18px;}

/*bodyer*/
.bodyer{ float:left; width:884px; margin-top:19px}
.body_top{ float:left; width:884px; }
.nav{ float:left; height:41px;background:url(../../images/vhc/nav_bg.jpg) repeat-x; width:884px}
.nav_ul{ float:left; padding-left:20px}
.nav_ul li{ float:left; position:relative }
.nav_ul li a span{ cursor:pointer}
.nav_ul .li1{ height:41px;}
.li1h{ background:url(../../images/vhc/nav_h_bg_under.jpg) no-repeat; position:absolute; width:100%; display:block; top:37px}
.nav_ul .li2{ padding:12px 20px 0 20px;}
.nav_ul li a{ color:#fff; font-size:14px}
.nav_ul .li1 a{padding-left:6px; display:block; height:26px; margin-top:8px; line-height:26px; float:left}
.nav_ul .li1 a:hover{ background:url(../../images/vhc/nav_h_bg_left.jpg) no-repeat left; height:26px; float:left; padding-left:6px}
.nav_ul .li1 span{ padding-right:10px; padding-left:4px;display:block; height:26px; line-height:26px; float:left}
.nav_ul .li1 a:hover span{ background:url(../../images/vhc/nav_h_bg_right.jpg) no-repeat right; height:26px; float:left; padding-right:10px; padding-left:4px}
.nav_bg{height:9px; position:absolute; width:100%; top:37px; left:0px;}
.nav_bg1{height:12px; background:url(../../images/vhc/nav_h_bg_under.jpg) center 0px no-repeat; position:absolute;width:100%; top:32px; left:0px;}
.gategory{ float:left; background:#e5e6e6; height:29px; width:884px}
.gategory ul{ float:left}
.gategory ul li{ float:left; height:29px; line-height:29px; padding-left:10px; color:#3a3a3a; font-size:13px}
.gategory ul li span{ color:#046491;}
.gategory ul li a{ color:#3a3a3a; font-size:13px; padding-right:9px}
.gategory ul li a:hover{ text-decoration:underline}
/*homelist*/
.homelist{ float:left; background:#141720; padding:2px 11px 11px 11px; width:862px}
.buttons_bg{ float:left; background:url(../../images/vhc/buttons_bg.jpg) repeat-x; height:34px; width:862px}
.button_left{ float:left;}
.button_left ul{ float:left;}
.button_left ul li{ float:left; padding-top:5px; padding:5px 15px}
.button_left ul li a{float:left; display:block;text-align:center; color:#fff; width:102px; height:24px; line-height:24px; }
.button_left ul li .gray_button:hover{  background:url(../../images/vhc/gray_button.jpg) no-repeat;}
.button_left ul li .gray_button{ background:url(../../images/vhc/red_button.jpg) no-repeat;}
.button_right{ float:right}
.button_right ul{ float:right}
.button_right ul li{ float:left; padding:5px 15px}
.button_right ul li a{float:left; display:block;text-align:center; color:#fff; width:102px; height:24px; line-height:24px; }
.button_right ul li .gray_button:hover{  background:url(../../images/vhc/gray_button.jpg) no-repeat;}
.button_right ul li .gray_button{ background:url(../../images/vhc/red_button.jpg) no-repeat;}

.player_button{ width:592px; float:left; text-align:center; height:34px}
.player_button tr{ width:592px; height:auto; text-align:center; height:34px}
.player_button td{ margin-top:0; text-align:center;height:34px;}
.player_button td .blue_button{background:url(../../images/vhc/blue_button.jpg) no-repeat center;color:#fff;padding:9px 0px; display:inline-block; width:102px;}
.player_button td .blue_button:hover{  background:url(../../images/vhc/gray_button.jpg) no-repeat center;}

/*list_left*/
.list_left{ float:left; background:url(../../images/vhc/blue_bg.jpg) repeat-x; width:860px; height:194px; margin-top:18px }
.list_left_bg_left{ float:left; background:url(../../images/vhc/blue_bg_left.jpg) no-repeat; width:4px; height:194px;}
.list_left_bg_right{ float:right; background:url(../../images/vhc/blue_bg_right.jpg) no-repeat; width:4px; height:194px}
.con_list{ width:852px; float:left}
.con_list li{ width:120px; float:left; padding:0 11px}
.con_list li img{ float:left}
.blue_text{ color:#99dfff; line-height:16px; margin-top:5px; font-size:13px; float:left}
.list_info{ color:#cdcdcd; font-size:11px; float:left; width:120px; margin-top:5px}
.blue_text:hover{ text-decoration:underline}
.list_right{ width:385px; float:right}
.list_right_ul{ float:left; width:377px}
.list_right_ul li{ float:left; width:362px; padding-left:15px; padding-bottom:30px}
.list_right_ul li img{ width:120px; float:left}
.list_right_text{ float:left; width:227px; padding-left:15px}
.list_right_text p{ float:left; width:227px; font-size:12px; margin-top:5px; color:#cdcdcd} 
.blue_text_2{ margin-top:0;}

/*body_under*/
.body_under{ float:left; width:884px; margin-top:15px}
.under_left{ float:left; width:594px;}
.under_left .index_strong{ background:url(../../images/vhc/featured.jpg) no-repeat;float:left; width:142px; height:16px}
.under_left_titlibg{ float:left; background:#eff3f5 url(../../images/vhc/list_top_bg.jpg) repeat-x top; height:41px; width:594px; margin-top:10px;}
.under_left_titlibg_left{ float:left; background:url(../../images/vhc/list_top_bgleft.jpg) no-repeat top; width:5px; height:41px}
.under_left_titlibg_right{ float:right; background:url(../../images/vhc/list_top_bgright.jpg) no-repeat top; width:5px; height:41px}
.body_title_bar{ float:left;}
.body_title_bar li{ float:left; height:41px; padding:0 15px 0 10px; line-height:32px; color:#fff}
.body_title_bar li a{ display:block; float:left; color:#fff; height:41px; line-height:32px; font-size:14px}
.body_title_bar li a:hover{ color:#99dfff; background:url(../../images/vhc/list_top_h.jpg) no-repeat center bottom;}
.body_title_bar li .cur{ color:#99dfff; background:url(../../images/vhc/list_top_h.jpg) no-repeat center bottom;}
.rss_icon{ display:block; float:right; background:url(../../images/vhc/rss_icon.jpg) no-repeat; width:50px; height:16px; margin-top:8px;}
.under_list{ float:left; width:592px; background:#eff3f5; border-left:1px solid #192736;border-right:1px solid #192736; padding-bottom:17px}
.under_list ul{ float:left}
.under_list ul li{ float:left; width:592px; margin-top:25px}
.under_list .pic_link{ float:left; padding-left:11px}
.under_list .pic_link img{ float:left; width:136px; padding:3px; border:1px solid #d9dada}
.under_list_text{ float:left; width:415px; padding:0 11px}
.under_list_text h2{ font-size:16px; color:#000; font-weight:normal;}
.under_list_text h2 a{ color:#000}
.under_list_text p a{ color:#818181}
.under_list_text .under_list_text_p{ padding:4px 0;}
.under_list_bottom{ float:left; background:url(../../images/vhc/list_bottom_bg.jpg) no-repeat; width:594px; height:8px}
/*turnpage*/
.turnpage{ float:right; margin-top:15px}
.turnpage ul{ float:right; padding-right:5px}
.turnpage ul li{ float:left; padding-right:5px}
.turnpage ul li a{ display:block; float:left; background:url(../../images/vhc/turnpage_bg.jpg) repeat-x; height:17px; padding:0 5px; color:#fff; line-height:17px; border:1px solid #000}
.turnpage ul li a:hover{ color:#99dfff}
.turnpage ul li .cur{ color:#99dfff}
/*under_right*/
.under_right{ float:left; width:276px; padding-left:14px}
.ads_1{ float:left}
.join{ float:left; background:url(../../images/vhc/login_bg.jpg) repeat-x; height:216px; width:274px; margin-top:10px; border:1px solid #000;}
.join img{ margin-top:7px; padding-left:9px; float:left}
.join p{ color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:12px 0 12px 27px; float:left }
.join form{ padding-left:27px}
.join form div{ width:245px; float:left; padding:5px 0;}
.join form label{color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:14px; float:left; padding-right:10px }
.join form .input_text{ height:18px; width:148px; border:none; background:#fff; float:left}
.join form .post_button{ background:url(../../images/vhc/signin_button.jpg) no-repeat; border:none; width:75px; height:24px; text-align:center; margin-top:15px; cursor:pointer; float:left}
.join form a{ font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:11px; float:left; margin-top:20px; padding-left:10px}
.join form a:hover{ text-decoration:underline}

/*newsares*/
.newsares{ background:#e5e6e6; width:252px; float:left; margin-top:10px; padding:12px}
.white_bg{ width:252px; float:left; background:#fff;}
.newsares h3{ font-size:15px; font-weight:normal; color:#1b73b3; padding:10px; width:232px; float:left; border-bottom:1px solid #e5e6e6}
.news_content{ float:left; padding:0 10px; width:232px;}
.news_content p{ font-size:12px; float:left; border-bottom:1px dashed #eceded; padding:10px 0;}
.news_content p b{ font-weight:normal; color:#000;}
.white_bg_2{ margin-top:12px}
.ourfriends{ float:left; width:252px}
.ourfriends li{ float:left; padding-left:10px; width:242px; line-height:20px}
.ourfriends li a{ float:left; padding-left:10px; color:#818181}
.ourfriends li a:hover{ color:#1b73b3; text-decoration:underline}

/*footer*/
.footer{ float:left; margin-top:15px; background:url(../../images/vhc/foot_bg.jpg) repeat-x top; width:884px; text-align:center; padding-bottom:20px}
.footer ul{ float:left; margin-top:15px; width:884px; text-align:center}
.footer ul li{ display:inline; padding-right:10px}
.footer ul li a{ margin-right:10px; color:#818181}
.footer ul li a:hover{ text-decoration:underline}
.footer em{line-height:26px; display:inline; font-style:normal}


/*list.html*/
.body_under_list{ margin-top:0; background:#fff; padding-top:10px}
.body_under_list h1{ padding-left:10px; font-size:22px; font-weight:normal; color:#007fbb; float:left; width:562px}


/*upload.css*/
.upload_info{ padding:10px; float:left; width:572px; line-height:20px}
.uplod_form{ float:left; padding-left:30px; width:562px;}
.form_each{ float:left; width:562px; margin-top:10px}
.form_each label{ float:left; width:150px; color:#007fbb}
.upload_area{ width:360px; height:100px; padding:0 5px; border:1px solid #E1E1E1; background:#fff;}
.upload_file{ width:360px}
.help_description{ padding-left:150px; line-height:18px; float:left; width:360px}


/*members.css*/
.member_list{ padding:0 10px; width:572px}
.member_form{ float:left; width:100%;}
.member_th th{ text-align:left; background:#ccdded; height:28px; color:#000; padding-left:10px}
.member_th td{height:26px; border-bottom:1px solid #ccdded; padding-left:10px; color:#333}
.member_th td a{ color:#333}
.member_th td a:hover{ color:#2189e7}

/*members-option.css*/
.text_style{ border:none; background:#d4e9ff; padding:0 2px; color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif}
.form_each input{ float:left; margin-right:5px}
.message_nav{ width:592px; margin-bottom:10px}
.message_nav ul{ float:left; width:582px}
.message_nav ul li{ float:left; width:auto; margin-top:0}
.message_nav ul li a{ color:#007fbb; font-weight:bold}


/*profile.css*/
.profile_title{ background:#E5E6E6; height:28px; width:562px; line-height:28px; padding-left:10px; color:#333; font-size:16px; margin-top:10px; margin-left:10px; font-weight:bold; float:left}
.form_each a{ color:#333}
.form_each a:hover{ color:#007fbb}
.body_under_list .profile_h1{ margin-top:20px; border-top:1px dashed #cdcdcd; width:582px; padding-top:10px}


/*player.css*/
.player{ float:centre; padding-left:10px}
.film_info{ float:left; margin-top:20px; padding-left:10px}
.film_info b{ color:#000; float:left;padding-bottom:10px; padding-right:5px}
.file_info_text{ width:170px}
.file_info_text p{ float:left; width:170px}
.file_info_text p a{ padding-bottom:10px; float:left; color:#007fbb}
.file_info_text p a:hover{ color:#007fbb; text-decoration:underline}
.under_list .comment_ul{ padding:0 10px}
.under_list ul .comments_li{ border-top:1px dashed #cdcdcd; padding-top:10px; width:572px; margin-top:10px}
.under_list .comments_li_a{ padding-left:0}
.comments{ width:552px; padding-right:0}
.edit_profile{ font-size:12px; font-weight:normal}

.under_list .turnpage ul li{ width:auto; margin-top:0}

.googleads{ float:left; width:572px; padding:10px; background:#EFF3F5; margin-bottom:10px; overflow:hidden;}
.rating{ float:left; width:170px}
.rating_gray_bg{ float:left; background:url(../../images/vhc/gray.gif) repeat-x; height:12px; width:75px; position:relative; z-index:2}
.rating_movie{ background:url(../../images/vhc/mover.gif) no-repeat; width:8px; height:12px; position:relative; left:0; cursor:move;}
.rating_color{ background:url(../../images/vhc/color.gif) no-repeat; width:17px; height:12px; position:absolute; left:-17px; z-index:-2; top:0;}
.twitt_link{ float:left; padding-left:40px; width:50px}
.twitt_link_num{ float:left; width:50px; height:34px; background:#e9e9e9; text-align:center; margin-bottom:2px}
.twitt_link_num_nr{ width:50px; text-align:center; font-size:14px; color:#E19113; float:left; line-height:16px; height:16px; cursor:pointer}
.film_info .twitt_link_num b{ padding:0; width:50px; text-align:center; color:#E19113} 
.twitt_link_num_name{ width:50px; text-align:center; font-size:10px; color:#E19113; float:left; line-height:16px; height:16px; cursor:pointer}
.twitt_link a{ background:#E19113; width:50px; height:15px; font-size:11px; display:block; float:left; color:#fff; text-align:center}
.twitt_link a:hover{ background:#CE060C}


/*messages.css*/
.messages{ float:left; width:592px; text-align:center; margin-top:10px; font-size:13px}
.message_mun{ float:left; width:402px;padding-left:190px }
.message_munbar{ width:200px; height:12px; background:#fff; margin-top:10px; display:block; border:1px solid #8BC4DE; position:relative}
.message_munbar span{ display:block; width:10px; height:12px; background:#AFD8EB}
.mun_0{ position:absolute; left:0;}
.mun_50{ position:absolute; left:85px}
.mun_100{ position:absolute; right:0;}

/*login.css*/
.upload_info a{ color:#333}
.upload_info a:hover{ color:#2D5AAE; text-decoration:underline}

.under_list .search_bar li{ width:auto; line-height:24px; color:#000}
.search_button1{ display:block; float:left; background:url(../../images/vhc/search_button.jpg) no-repeat; width:63px; height:24px; color:#fff; font-size:12px; text-align:center; }


.user_panel{ float:left; width:234px; padding-left:40px}
.user_panel li{ line-height:26px}
.user_panel li a{ color:#fff; font-size:13px}
.user_panel li a:hover{ color:#7ed6ff; text-decoration:underline}
.join .user_panel_title{ font-size:16px; color:#7ed6ff}
.join .user_panel_title a{ font-size:16px; color:#7ed6ff}


.rss_list{ float:left; width:572px; padding-left:20px; margin-top:10px}
.rss_list b{ color:#333}
.rss_list a{ color:#818181; padding-left:10px}
.rss_list a:hover{ color:#007FBB; text-decoration:underline}

.edit_profile_from{ padding-left:10px; width:572px}
.edit_profile_from .form_each{ padding-left:20px; width:552px}