@charset "utf-8";

/*		Cartoon Common Style		*/
.fleft {
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}
#sub_nav {
	margin-left:0px;
}
#content {
	font-size:12px;
	line-height:24px;
}
#main .cartoon_top {
	width:938px;
	height:auto;
	float:left;
}
#main .part { 
	float:left;
	width:100%;
	padding-bottom:10px;
}
.cartoon_tab { 
	float:left; 
	width:100%; 
	margin:10px 0px;
}
.cartoon_tab .cl_title, .cartoon_tab .ct_title { 
	position:relative;
}
.cartoon_tab .cl_title h2, .cartoon_tab .ct_title h2 { 
	position:absolute; 
	top:-9999px; 
	left:-9999px;
}
.cartoon_tab .cl_list {
	width:897px; 
	border-top:1px solid #dfdfdf; 
	background:#f7f7f7;
	padding:10px 20px;
	line-height:24px;
}
.cartoon_tab .cl_list .pdtop {
	padding-top:8px;
}
.cartoon_tab .cl_list a {
	padding:7px 10px;
}
.cartoon_tab .cl_list .menuhover {
	background: #ffffff;
	border-top: 2px solid #000000;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-radius: 5px 5px 0 0;
}
.cartoon_tab .cl_list .solvez {
	position:relative;
}
.cartoon_tab .cl_list .cl_olinfo {
	float:left;
	position:relative;
	padding-top:8px;
}
.cartoon_tab .cl_list .cl_tlinfo {
	position:absolute;
	top:3px;
	left:-2px;
	width:800px;
	height:40px;
	padding-top:5px;
}
.cartoon_tab .cl_list .cl_tlinfo ul {
	background:#fff;
	padding-top:5px;
	margin-top:-1px;
	border:2px solid #000;
}
.cartoon_tab .cl_list .cl_tlinfo ul li {
	float:left;
	width:150px;
	height:20px;
}
.cartoon_tab .cl_list .cl_tlinfo ul li a {
	padding:5px 0px 5px 7px;
}
.cartoon_tab .cl_search { 
	background:url(../images/cartoon/search_bg.jpg) repeat; 
	border-top:1px solid #dfdfdf;  
	padding:5px 0; 
	float:left; 
	width:100%;
}
#cl_search_form {
	width:392px; 
	height:29px; 
	background:url(../images/cartoon/search_icon.jpg) no-repeat;    
	margin-left:267px;
	_margin-left:130px; 
	float:left;
}
#cl_search_form .sr_keywords { 
	background:none repeat scroll 0 0 ;
	float:left; 
	padding:5px 0px 6px 10px;
	*margin-left:-262px;
	_margin-left:-127px;
	width:337px;
	border:none;
}
#cl_search_form .sr_btn { 
	float:left;
	height:28px; 
	width:45px;  
	display:block; 
	cursor:pointer;
}

/*		Slide Style		*/
#slide_cartoon {
	float:left;
	height:293px; 
	width:682px; 
	margin-right:10px;
	margin-bottom:10px; 
	position:relative;
	overflow:hidden; 
	display:inline;
}
#slide_cartoon img {
	border:none;
}
#slide_cartoon .slides_container {
	width:682px;
	height:293px;
	overflow:hidden;
	float:left;
}
#slide_cartoon .pagination {
	position:absolute;
	height:293px;
	left:533px;
	display:inline;
	z-index:100;
}
#slide_cartoon .pagination li {
	float:left;
	display:inline;
	width:144px;
	height:70px;
	margin:1px 5px;
}
#slide_cartoon .pagination li img {
	width:127px;
	height:66px;
	border:1px solid #000000;
}
#slide_cartoon .pagination li a {
	padding:1px 0px 1px 13px;
	display:block;
	width:100%;
	height:100%;
}
#slide_cartoon .pagination li.current a {
	background:url(../images/cartoon/banner_hover.png) no-repeat;
}

/*		Cartoon List		*/
#edc_intro {
	width:238px; 
	float:left;
}
#edc_intro .intro_title {
	width:238px; 
	height:28px; 
	background:url(../images/cartoon/intro_title.jpg) no-repeat; 
	float:left; 
	line-height:28px; 
	color:#ffffff; 
	text-indent:15px;
}
#edc_intro .intro_box {
	width:238px; 
	height:260px; 
	float:left; 
	background:url(../images/cartoon/intro_box.jpg) no-repeat;
}
#edc_intro .intro_icon {  
	float:left; 
	margin-left:15px;
	margin-right:10px; 
	margin-top:17px;
}
#edc_intro #intro_list { 
	float:left;
	padding-top:11px;
	width:183px;
}
#edc_intro #intro_list li { 
	float:left;
	line-height:30px; 
	width:100%;
}
#edc_intro #intro_list li a { 
	float:left;
}
#cartoon_info { 
	float:left; 
	width:935px; 
	border:1px solid #dfdfdf; 
	background:#f7f7f7;
	padding:10px 0px;
}
#cartoon_info .info_title {
	padding:5px 20px; 
	float:left; 
	width:895px; 
	border-bottom:1px solid #dfdfdf;
}
#cartoon_info .info_title h2 { 
	font-size:14px;
	float:left; 
	font-family:微软雅黑;
}
#cartoon_info .info_list { 
	float:left;
	width:100%; 
	padding-top:15px;
}
#cartoon_info .info_list li img {
	width:162px; 
	height:202px; 
	float:left; 
	padding:2px; 
	border:1px solid #dfdfdf;
}
#cartoon_info .info_list li { 
	float:left;
	margin-bottom:15px; 
	margin-left:16px;
	_margin-left:8px;
	_margin-right:5px;
	width:168px;
}
#cartoon_info .info_list li p, #ct_info .right_info li p, #rec_left li p { 
	clear:both; 
	height:20px; 
	padding-top:5px; 
	line-height:20px; 
	overflow:hidden;
	text-align:center;
}
#ct_info {
	width:935px; 
	border:1px solid #dfdfdf; 
	float:left;
}
#ct_info .left_info {
	width:160px; 
	float:left;
}
#ct_info .left_info ul {
	width:160px; 
	float:left; 
	background:url(../images/cartoon/ct_leftbg.jpg) repeat-y;
	padding:20px 0;  
	height:413px;
}
#ct_info .left_info ul li { 
	line-height:48px; 
	height:48px; 
	float:left; 
	width:100%; 
	text-indent:30px; 
	font-size:14px; 
	font-weight:bold; 
	color:#666;
	margin:2px 0;
}
#ct_info .left_info li:hover, #ct_info .left_info ul li a.hover { 
	background:url(../images/cartoon/ct_lefthover.png) no-repeat; 
	color:#fff; 
	text-shadow:1px 1px 1px #F00;
}
#ct_info .left_info ul li a {
	display:block;
}
#ct_info .left_info ul li a:hover {
	color:#fff;
}
#ct_info .right_info { 
	float:right; 
	width:775px;
	padding-top:20px;
}
#ct_info .right_info ul li {
	width:124px; 
	float:left; 
	margin-left:25px; 
	margin-bottom:20px;
}
#ct_info .right_info ul li img {
	width:118px; 
	height:148px; 
	float:left; 
	padding:2px; 
	border:1px solid #dfdfdf;
}
#rec_left { 
	float:left; 
	width:665px;
}
#rec_left .rec_title {
	width:10px; 
	padding:0 12px; 
	height:141px; 
	background:url(../images/cartoon/rec_titlebg.jpg) no-repeat; 
	float:left; 
	vertical-align:middle; 
	color:#fff; 
	font-size:14px; 
	font-weight:bold;
	padding-top:50px; 
}
#rec_left .rec_comic, #rec_left .rec_game { 
	float:left; 
	width:665px; 
	margin:10px 0px;
}
#rec_left .rec_comic ul, #rec_left .rec_game ul {
	background: none repeat scroll 0 0 #F4F4F4;
	float: left;
	height: 191px;
	width: 620px;
	overflow: hidden;
}
#rec_left .rec_comic ul li, #rec_left .rec_game ul li { 
	float:left; 
	margin:19px 0 10px 16px; 
	position:relative;
	width:104px;
}
#rec_left .rec_comic ul li .imgon { 
	position:absolute; 
	left:0; 
	top:0; 
	z-index:2; 
	width:100px; 
	height:134px; 
	background:url(../images/cartoon/imgon.png) no-repeat;
}
#rec_left .rec_comic ul li img, #rec_left .rec_game ul li img {
	width:100px; 
	height:134px; 
	float:left;
}
#rec_right { 
	float:right; 
	width:270px;
}
#rec_right .right_title { 
	background:url(../images/cartoon/rec_area.jpg) no-repeat scroll 5px 10px; 
	border-bottom:2px solid #A51111;  
	height:39px; 
	width:270px;
}
#rec_right .right_list { 
	clear:both; 
	padding-left:30px;  
	padding-top:9px; 
	text-align:center; 
	width:210px;
}
.weibo_left {
	width:650px; 
	border:1px solid #ececec; 
	float:left; 
	background:url(../images/cartoon/shadowBg.jpg) repeat-x; 
	box-shadow: 0 1px 0 #EFEFEF;
}
.guanzhu {    
	float:right; 
	width:270px;
}
.guanzhu_top { 
	height:30px; 
	float:left; 
	background:#000;
}
.guanzhu_top ul {
	margin-left:10px; 
	width:250px; 
	margin-top:3px;
}
.guanzhu_top li {
	width:120px; 
	float:left;  
	height:27px; 
	line-height:28px; 
	color:#fff;
}
.guanzhu_top img { 
	float:left; 
	margin-left:5px; 
	margin-right:4px;
	margin-top:4px;
}
.weiboon { 
	background:#8e0000;
}
.guanzhu_com { 
	background:url(../images/cartoon/weibg.jpg) no-repeat scroll 0 0 transparent; 
	float:left; 
	height:324px;
	width:260px;
}
.guanzhu_com .px1 {
	float:left; 
	height:auto;
	padding:17px 0 5px 12px; 
	width:110px;
}
.guanzhu_com .px_img {
	height:110px; 
	width:110px;
}
.guanzhu_com .px_title {
	text-align: center;
}

/*		Cartoon Info		*/
#bc_area {
	float:left;
	padding:10px;
	width:917px;
	background:#f7f7f7;
}
#bc_area .bc_contents {
	width:917px;
}
#bc_area .bc_position {
	padding:5px 0px;
}
#bc_area .bc_position .t_title {
	color:#ff0000;
}
#bc_area .broadcast {
	width:652px; 
	height:372px; 
	background:#000000; 
	float:left;
}
#bc_area .bc_right {
	width:240px; 
	float:right;
}
#bc_area .demand {
	width:238px; 
	float:left;  
	height:306px; 
	margin-bottom:10px;
}
#bc_area .bc_right .bcd_content { 
	float:left; 
	width:100%;
	height:230px; 
	padding-top:10px;
}
#bc_area .bc_right .bcd_title {
	width:238px; 
	height:28px; 
	background:url(../images/cartoon/bcd_title.jpg) no-repeat; 
	float:left; 
	line-height:28px; 
	color:#ffffff; 
	text-indent:15px;
}
#bc_area .bc_right .bcd_bg {  
	background:url(../images/bcd_bg.jpg) no-repeat scroll 0 0;  
	float:left;  
	height:277px; 
	width:238px;
}
#bc_area .bc_right .bcd_content li {
	padding-left:15px; 
	line-height:26px; 
	background:url(../images/cartoon/bcd_libg.png) no-repeat 210px 7px;
	margin-top:3px;
}
#bc_area .bc_right .bcd_content li:hover {  
	background:url(../images/cartoon/bcd_libg.png) no-repeat 210px 7px #d5d5d5;
}
#bc_area .bc_right .bcd_content li a {
	display:block;
}
#bc_area .bc_right .bcd_content li.hover {  
	background:url(../images/cartoon/bcd_libg.png) no-repeat 210px 7px #d5d5d5;
}
#bc_area .bc_right .bcd_btn {  
	float: right;
	padding: 5px 14px 0 0;
	width: 88px;
	position: relative;
}
#bc_area .bc_right .bcd_btn .select_style {
	float:left;
	padding:0px 5px;
}
#bc_area .bc_right .bcd_btn .left_btn {
	width:18px; 
	height:18px; 
	background:url(../images/cartoon/bcd_lbtn.png) no-repeat; 
	float:left; 
	display:block;
	margin:1px 8px 0px 0px;
}
#bc_area .bc_right .bcd_btn .left_btn:hover {
	background:url(../images/cartoon/bcd_lbtnon.png) no-repeat;
}
#bc_area .bc_right .bcd_btn .right_btn {
	width:18px; 
	height:18px; 
	background:url(../images/cartoon/bcd_rbtn.png) no-repeat; 
	float:right; 
	display:block;
	margin-top:2px;
}
#bc_area .bc_right .bcd_btn .right_btn:hover { 
	background:url(../images/cartoon/bcd_rbtnon.png) no-repeat;
}
#video_page {
	float:left;
}
#bc_area .bc_share {   
	float:left; 
	padding:20px 0 0; 
	width:100%;
}
#bc_area .comment_area {
	float:left;
	width:640px;
	padding-top:10px;
}
#bc_area .comment_area .bc_votes {
	float:left;
	border: 1px dashed #E4E4E4;
}
#bc_area .bc_share .bc_comments {
    float:left;
    line-height:24px;
    width:225px;
}
#bc_area .bc_share .bc_comments .c_method {
	float:left;
	height:33px;
	margin-right:12px;
}
#bc_area .bc_share .bc_comments .zan_mark {
	background:url(../images/cartoon/zan_mark.jpg) no-repeat scroll 0 0 ;
	float:left;
	height:33px;
	padding:0;
	width:29px;
}
#bc_area .bc_share .bc_comments .cai_mark {
	background:url(../images/cartoon/cai_mark.jpg) no-repeat scroll 0 0 ;
	float:left;
	height:33px;
	padding:0;
	width:29px;
}
#bc_area .bc_share .bc_comments .cm_middle {
	background:url(../images/cartoon/cm_middle.jpg) repeat-x scroll 0 0 ;
	float:left;
	font-size:14px;
	font-weight:bold;
	height:33px;
	line-height:32px;
	padding-left:3px;
}
#bc_area .bc_share .bc_comments .cm_right {
	background:url(../images/cartoon/cm_right.jpg) no-repeat scroll 0 0;
	float:left;
	height:33px;
	padding:0;
	width:8px;
}
#bc_area .bc_share .bc_comments .cm_middle a {
	color:#333333;
}
#bc_area .bc_share .bc_comments .cm_middle span {
	color:#ED1B23;
}
#bcc_left {
	width:662px; 
	float:left;
}
#bcc_left .left_bg {
	border: 1px dashed #E4E4E4;
	float: left;
	padding: 12px 0;
	width: 660px;
}
#bcc_right { 
	float:right; 
	width:240px;
	margin-top:-160px;
}
#bcc_right .cn_title {
	width: 240px;
	height: 28px;
	background:url(../images/cartoon/bcd_title.jpg) no-repeat;
	float:left;
	line-height: 28px;
	color: #ffffff;
	text-indent: 15px;		
}
#bcc_right .cn_list {
	float:left;
	padding-top:15px;
	width:240px;
	background:#ffffff;
}
#bcc_right .cn_list ul li {
	height:30px;
	line-height:26px;
	width:240px;	
}
#bcc_right .cn_list ul li a {
	float:left;
	font-size:14px;
	line-height:20px;
	padding-left:5px;
}
#bcc_right .cn_list ul li a.more {
	float:right;
	padding-right:15px;
}
#bcc_left .bcc_vote { 
	border:1px dashed #E4E4E4;
	float:left; 
	padding:12px 0; 
	width:660px;
}
#bcc_left .bcc_vote .img1 { 
	background:url(../images/comment_part/a4.gif) repeat scroll 0 20px; 
	height:20px; 
	margin-top:1px; 
	width:20px;
}
#bcc_left .bcc_vote .img2 { 
	background:url(../images/comment_part/a39.gif) repeat scroll 20px 20px; 
	height:20px; 
	margin-top:1px;
	width:20px;
}
#bcc_left .bcc_vote .img3 { 
	background:url(../images/comment_part/a7.gif) repeat scroll 20px 20px;
	height:20px; 
	margin-top:1px; 
	width:20px;
}
#bcc_left .bcc_vote .img4 { 
	background:url(../images/comment_part/a6.gif) repeat scroll 20px 20px; 
	height:20px; 
	margin-top:1px; 
	width:20px;
}
#bcc_left .bcc_vote .img5 { 
	background:url(../images/comment_part/a5.gif) repeat scroll 20px 20px; 
	height:20px; 
	margin-top:1px; 
	width:20px;
}
#bcc_left .bcc_vote .img6 { 
	background:url(../images/comment_part/a12.gif) repeat scroll 20px 20px; 
	height:20px; 
	margin-top:1px;
	width:20px;
}
#bcc_left .bcc_vote .img7 { 
	background:url(../images/comment_part/a2.gif) repeat scroll 20px 20px; 
	height:20px; 
	margin-top:1px; 
	width:20px;
}
#bcc_left .bcc_vote .img8 { 
	background:url(../images/comment_part/a13.gif) repeat scroll 20px 20px; 
	height:20px; 
	margin-top:1px; 
	width:20px;
}
#bcc_left .bcc_ml {
	width:660px; 
	float:left; 
}
#bcc_left .bcc_ml .ml_title { 
	font-size:14px; 
	font-weight:bold; 
	float:left; 
	width:100%; 
	line-height:30px; 
	border-bottom:2px solid #d5d5d5;
}
#bcc_left .bcc_ml .ml_list { 
	padding-bottom:30px; 
	background:url(../images/cartoon/bottom_shadow.jpg) no-repeat 50% bottom; 
	float:left; 
	width:100%;
}
#bcc_left .bcc_ml .ml_list li {  
	float:left;  
	margin:19px 10px 10px 6px; 
	_margin:19px 8px 1px 4px; 
	width:114px;
}
#bcc_left .bcc_ml .ml_list li img {   
	float:left;
	padding:1px; 
	border:1px solid #d5d5d5; 
	height:142px; 
	width:114px;
}
#bcc_left .bcc_ml .ml_list li p {
	clear:both; 
	height:20px; 
	line-height:20px; 
	overflow:hidden; 
	padding-top:5px; 
	text-align:center;
}