﻿@charset "utf-8";
/* CSS Document */

@import url("base.css");

/*--------------------------------VV官方艺术团样式代码--------------------------------*/


/*-----------VV官方艺术团-首页-----------*/


body{
	background-color:#4e041e !important;
	}


/*顶部banner及导航条*/

.art_head{
	margin:0 auto;
	width:964px;
	background-color:#fff;
	}

.art_banner{
	width:964px;
	height:210px;
	background:url(../pic/bannerbg.jpg) 0 0 no-repeat;
	}

.art_nav{
	width:964px;
	height:44px;
	background:url(../pic/navbg.jpg) 0 0 no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	}

.art_nav li{ 
	float:left;
	height:44px;
}

.art_nav a{ 
	float:left;
	width:68px; 
	height:25px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

.nav1 a{
	background:url(../pic/navimg.gif) 0 0 no-repeat;
	display:inline;
	margin:9px 0 0 47px;
}

.nav1_02 a{
	background:url(../pic/navimg.gif) 0 -30px no-repeat;
	}

.nav2 a{	
    margin:3px 0 0 80px;
	display:inline;
	background:url(../pic/navimg.gif) 0 -61px no-repeat;
	}
	
.nav2_02 a{
	background:url(../pic/navimg.gif) 0 -92px no-repeat;
	}

.nav3 a{	
    margin:14px 0 0 92px;
	display:inline;
	background:url(../pic/navimg.gif) 0 -124px no-repeat;
	}
	
.nav3_02 a{
	background:url(../pic/navimg.gif) 0 -156px no-repeat;
	}

.nav4 a{
	margin:8px 0 0 119px;
	display:inline;
	background:url(../pic/navimg.gif) 0 -189px no-repeat;
	}

.nav4_02 a{
	background:url(../pic/navimg.gif) 0 -221px no-repeat;
	}

.nav5 a{
	margin:12px 0 0 92px;
	display:inline;
	background:url(../pic/navimg.gif) 0 -254px no-repeat;
	}
	
.nav5_02 a{
	background:url(../pic/navimg.gif) 0 -287px no-repeat;
	}	

.nav6 a{
	margin:15px 0 0 61px;
	display:inline;
	background:url(../pic/navimg.gif) 0 -320px no-repeat;
	}

.nav6_02 a{
	background:url(../pic/navimg.gif) 0 -353px no-repeat;
	}

.nav1 a:hover{
	background:url(../pic/navimg.gif) 0 -30px no-repeat;
	}

.nav2 a:hover{
	background:url(../pic/navimg.gif) 0 -92px no-repeat;
	}

.nav3 a:hover{
	background:url(../pic/navimg.gif) 0 -156px no-repeat;
	}

.nav4 a:hover{
	background:url(../pic/navimg.gif) 0 -221px no-repeat;
	}

.nav5 a:hover{
	background:url(../pic/navimg.gif) 0 -287px no-repeat;
	}

.nav6 a:hover{
	background:url(../pic/navimg.gif) 0 -353px no-repeat;
	}

	
	
/*主体内容*/
.art_center{
	margin:0 auto;
	padding:10px 0 0 0;
	width:964px;
	background-color:#fff;
	overflow:hidden;
	}
	
.art_center_infor{
	width:964px;
	}
	
	
/*简介*/
.art_center_infor .intro{
	float:left;
	width:261px;
	height:260px;
	border:1px solid #d9d9d9;
	}
	
.art_center_infor .intro h6{
	padding:0 0 0 40px;
	width:221px;
	height:33px;
	line-height:33px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	background:url(../pic/introbg.jpg) 0 0 no-repeat;
	}	
	
.art_center_infor .intro .intro_con{
	width:261px;
	}
	
.art_center_infor .intro .intro_details{
	float:left;
	margin:15px 0 0 10px;
	width:245px;
	font-size:14px;
	line-height:24px;
	color:#666;
	display:inline;
	}
	
/*幻灯片	*/
	
.art_center_infor .slides{
	float:left;
	margin-left:10px;
	width:440px;
	height:260px;
	font-size:0;
	border:1px solid #d9d9d9;
	display:inline;
	}	
	
.art_center_infor .slides img{
	width:440px;
	height:260px;
	}	
#idSlider2{	width: 440px;
	height: 260px;
	overflow:hidden;
}
.container {
	width: 440px;
	height: 260px;
	overflow:hidden;
	border:1px solid #D9D9D9;
	float: left;
	margin-left: 10px;
	position:relative;
}
.container td{ padding:0;}
.container a img {
	width: 440px;
	height: 260px;
}
.container img {
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: none;
	border-left-style: none
}
.td_f a img {
	padding-bottom: 0px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px
}
.num {
	position: absolute;
	float: right;
	top: 230px;
	right: 10px
}
.num li {
	text-align: center;
	line-height: 20px;
	list-style-type: none;
	margin: 2px;
	width: 20px;
	font-family: arial;
	background: #D3D3D3;
	float: left;
	height: 20px;
	color: #666;
	font-size: 12px;
	cursor: pointer
}
.num li.on {
	line-height: 20px;
	width: 20px;
	background: #DC117C;
	height: 20px;
	color: #ffffff
}
	
/*公告*/	

.art_center_infor .intro_02{
	float:right;
	width:237px;
	}

.art_center_infor .intro_02 h6{
	width:197px;
	}

.art_center_infor .intro_02 .intro_con{
	width:237px;
	}

.art_center_infor .intro .intro_notice{
	float:left;
	margin:12px 0 0 14px;
	width:210px;
	display:inline;
	}	
	
.art_center_infor .intro .intro_notice li{
	float:left;
	padding:6px 0 8px 12px;
	width:200px;
	font-size:14px;
	color:#666;
	background:url(../pic/dot_01.jpg) 0 center no-repeat;
	}	
	
.art_center_infor .intro .intro_notice li a{
	color:#666;
	}	
	
.art_center_infor .intro .intro_notice li a:visited{
	color:#666;
	}	
	
.art_center_infor .intro .intro_notice li a:hover{
	color:#d00b6f;
	text-decoration:underline;
	}	
	
	
/*每周之星等栏目*/	

.art_channel{
	float:left;
	margin:10px 0 0 0;
	padding:12px 0px 10px 8px;
	*padding:12px 0px 10px 2px;
	width:954px;
	*width:960px;
	border:1px solid #d9d9d9;
	}
	
.art_channel a{
	margin:0;
	padding:0;
	width:187px;
	height:64px;
	overflow:hidden;
	}	
		
.art_channel a:hover{
	text-decoration:none;
	}		

.art_channel img{
	width:187px;
	height:64px;
	}


	
	
/*优秀成员*/	
.art_center_column{
	float:left;
	margin:10px 0 0 0;
	width:962px;
	border:1px solid #d9d9d9;
	}	
	
.art_center_column h5{
	float:left;
	padding:0 0 0 20px;
	width:942px;
	height:43px;
	line-height:43px;
	font-size:14px;
	display:inline;
	background:url(../pic/columnbg.jpg) 0 0 no-repeat;
	}	
	
.art_center_column .column_title{
	float:left;
	font-weight:bold;
	color:#fff;
	}	
	
.art_center_column .column_more{
	float:right;
	margin:0 14px 0 0;
	font-weight:normal;
	color:#017bc8;
	display:inline;
	}
	
.art_center_column .column_more a{
	color:#017bc8;
	}	
	
.art_center_column .column_more a:visited{
	color:#017bc8;
	}		
	
.art_center_column .column_more a:hover{
	color:#017bc8;
	text-decoration:underline;
	}	
	
.art_center_column .column_con{
	float:left;
	width:962px;
	}
	
	
.art_center_column .column_con_members{
	float:left;
	width:962px;
	margin:8px 0 0 0;
	padding:0 0 8px 0;
	}	
	
.art_center_column .members_infro{
	float:left;
	margin:16px 0 0 30px;
	padding-bottom:16px;
	width:435px;
	display:inline;
	}
	
.art_center_column .members_infro_left{
	float:left;
	width:144px;
	font-size:0;
	}	
	
.art_center_column .members_infro_left img{
	padding:1px;
	width:140px;
	height:105px;
	border:1px solid #d9d9d9;
	}	
	
.art_center_column .members_infro_right{
	float:left;
	margin:2px 0 0 13px;
	width:275px;
	display:inline;
	font-size:14px;
	color:#d00b6f;
	}
	
.art_center_column .members_name{
	float:left;
	width:272px;
	}

.art_center_column .members_name_text{
	color:#017bc8;
	}

.art_center_column .members_name_text a{
	color:#017bc8;
	}

.art_center_column .members_name_text a:visited{
	color:#017bc8;
	}
	
.art_center_column .members_name_text a:hover{
	color:#017bc8;
	text-decoration:underline;
	}

.art_center_column .members_good{
	float:left;
	margin:6px 0 0 0;
	width:272px;
	}
	
.members_good_text{
	color:#666;
	}

.members_slogan{
	float:left;
	margin:6px 0 0 0;
	width:272px;
	height:60px;
	line-height:20px;
	overflow:hidden;
	}
	
.members_slogan_text{
	color:#999;
	}
	
.column_line{
	float:left;
	margin:0 0 0 10px;
	width:940px;
	height:1px;
	font-size:0;
	line-height:0;
	display:inline;
	background:url(../pic/columnline.jpg) 0 0 repeat-x;
	}	
	
	
/*合作伙伴*/	
	
.column_con_partners{
	float:left;
	display:inline;
	}
	
.left_arrow{
	float:left;
	margin-top:23px;
	width:11px;
	height:13px;
	background:url(../pic/left_arrow.jpg) no-repeat 0 0; 
	}
	
.right_arrow{
	float:left;
	margin-top:23px;
	width:11px;
	height:13px;
	background:url(../pic/right_arrow.jpg) no-repeat 0 0;
	}
	
.partners_infro{
	float:left;
	width:893px;
	}
	
.partners_infro li{
	float:left;
	margin:0 0 0 22px;
	font-size:0;
	line-height:0;
	display:inline;
	}		
	
.partners_infro li img{
	float:left;
	padding:1px;
	width:120px;
	height:55px;
	border:1px solid #d9d9d9;
	}	
	
	
	
/*底部版权*/		
.footer{
	margin:0 auto;
	width:964px;
	background-color:#fff;
	}
	
	
	
/*-----------VV官方艺术团-艺术团概况-----------*/	

.art_center_column_02{
	margin:0;
	}
	
.art_about{
	float:left;
	margin:20px 0 0 20px;
	padding:0 0 30px 0;
	width:922px;
	display:inline;
	}
	
.art_about_photo{
	float:left;
	width:922px;
	text-align:center;
	}	
	
.art_about p{
    float:left;
	margin:15px 0 0 0;
	width:922px;
	font-size:14px;
	text-indent:2em;
	line-height:24px;
	color:#666;
	}
	
	
/*-----------VV官方艺术团-艺术团成员-----------*/		

.art_members{
	float:left;
	width:962px;
	}
	
.art_members dl{
	float:left;
	margin:28px 0 0 30px;
	width:434px;
	height:163px;
	display:inline;
	border:1px solid #ccc;
	overflow:hidden;
	}

.art_members dl dt{
	float:left;
	margin:14px 0 0 14px;
	width:180px;
	height:135px;
	font-size:0;
	line-height:0;
	display:inline;
	}

.art_members dl dt img{
	width:180px;
	height:135px;
	}

.art_members dl dd{
	float:left;
	margin:14px 0 0 15px;
	width:210px;
	color:#d00b6f;
	}

.art_members dl dd .name,.art_members dl dd .vv,.art_members dl dd .intro,.art_members dl dd .enter{
	float:left;
	width:210px;
	}
	
.art_members dl dd .name{
    margin:6px 0 0 0;
	}

.art_members dl dd .vv{
    margin:10px 0 0 0;
	}

.art_members dl dd .intro{
    margin:10px 0 0 0;
	line-height:18px;
	height:70px;
	overflow:hidden;
	}

.art_members dl dd .enter{
    margin:10px 0 0 0;
	}

.art_members dl dd .text01{
	color:#017bc8;
	}

.art_members dl dd .text01 a{
	color:#017bc8;
	}

.art_members dl dd .text01 a:visited{
	color:#017bc8;
	}

.art_members dl dd .text01 a:hover{
	color:#017bc8;
	text-decoration:underline;
	}

.art_members dl dd .text02{
	color:#666;
	}

.art_members dl dd .text03{
	color:#999;
	}

.art_members dl dd .enter .enter_button{
	width:100px;
	height:24px;
	line-height:24px;
	text-align:center;
	color:#fefefe;
	outline:0;
	border:0;
	cursor:pointer;
	background:url(../pic/enterbg.jpg) no-repeat 0 0;
	}


.art_members_line{
	float:left;
	margin:30px 0 0 10px;
	width:940px;
	height:1px;
	font-size:0;
	line-height:0;
	display:inline;
	background:url(../pic/columnline.jpg) 0 0 repeat-x;
	}


/*翻页*/
.pages{
	float:left;
	padding:30px 0 30px 0;
	width:962px;
	text-align:center;
	}	
	
.pages_con{	
    float:left;
	margin:0 0 0 264px;
	display:inline;
	}
	
.pages_outline{
	float:left;
	margin-right:5px;
	padding:3px 9px 3px 9px;
	border:1px solid #ddd;
	display:block;
	}
	
.pages_disabled{
	float:left;
	color:#5d5d5d;
	padding:2px 0 0 0;
	display:block;
	}
	
.pages_current{
	float:left;
	padding:4px 9px 3px 9px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#171717;
	display:block;
	}
	
.pages_available{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#017cc2;
	display:block;
	}	
	
.pages_available a{
	color:#017cc2;
	}	
	
.pages_available a:visited{
	color:#017cc2;
	}	
	
.pages_available a:hover{
	color:#e84d0d;
	text-decoration:underline;
	}	
	
.pages_dots{
	float:left;
	margin-right:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#017cc2;
	display:block;
	}
	
.pages_available02{
	float:left;
	padding:1px 0 0 0;
	*padding:2px 0 0 0;
	font-size:12px;
	color:#017cc2;
	display:block;
	}
	
.pages_available02 a{
	color:#017cc2;
	}	
	
.pages_available02 a:visited{
	color:#017cc2;
	}	
	
.pages_available02 a:hover{
	color:#e84d0d;
	text-decoration:underline;
	}	
	
.pages select{
	float:left;
	margin:1px 0 0 0;
	width:42px;
	height:22px;
	border:1px solid #78a6c0;
	display:block;
	}	
	


/*-----------VV官方艺术团-艺术团活动-----------*/		

.art_activities{
	display:inline;
	float:left;
	width:912px;
	margin:12px 0 0 25px;
	}

.art_activities dl{
	display:inline;
	float:left;
	margin:14px 0 0 10px;
	padding:0 0 14px 0;
	_padding:0 0 12px 0;
	width:890px;
	background:url("../pic/columnline.jpg") repeat-x 0 bottom;
	}

.art_activities dt{
	display:inline;
	float:left;
	margin-left:10px;
	width:256px;
	height:126px;
	}

.art_activities dl dt img{
	height:114px;
	width:244px;
	padding:5px;
	border:1px solid #CFCFCF;
	}

.art_activities dl dd{
	display:inline;
	float:left;
	margin-left:15px;
	width:595px;
	}

.activities_title{
	float:left;
	width:595px;
	margin-top:10px;
	}

.activities_title h6{
	float:left;
	font-weight:normal;
	font-size:14px;
	color:#171717;
	width:470px;
	height:24px;
	line-height:24px;
	overflow:hidden;
	}

.activities_title h6 a,.activities_title h6 a:visited{
	color:#171717;
	}
	
.activities_title h6 a:hover{
	color:#d20c7f;
	text-decoration:underline;
	}

.activities_date{
	float:right;
	width:100px;
	text-align:right;
	color:#999;
	height:24px;
	line-height:24px;
	font-family:Arial, Helvetica, sans-serif;
	}

.activities_con{
	display:block;
	line-height:24px;
	margin-top:8px;
	text-indent:2em;
	float:left;
	width:595px;
	height:75px;
	overflow:hidden;
	}

.activities_infro{
	color:#686868;
	}

.activities_more,.activities_more a,.activities_more a:visited{
	color:#017CC2;
	}

.activities_more a:hover{
	color:#e84d0d;
	text-decoration:underline;
	}






/*-----------VV官方艺术团-精彩展示-----------*/	

.art_video{
	float:left;
	margin:5px 0 0 0;
	width:962px;
	}

.art_video li{
	float:left;
	margin:24px 0 0 24px;
	padding:14px 14px 14px 14px;
	width:180px;
	display:inline;
	border:1px solid #cfcfcf;
	}

.video_con{
	float:left;
	width:180px;
	height:135px;
	overflow:hidden;
	}

.video_photo{
	float:left;
	width:180px;
	height:135px;
	font-size:0;
	line-height:0;
	cursor:pointer;
	}	
	
.video_photo img{
	width:180px;
	height:135px;
	}
	
.video_play{
	float:left;
	position:relative;
	top:-95px;
	left:62px;
	width:50px;
	height:50px;
	background:url(../pic/video_play.png) no-repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pic/video_play.png'); /* IE6 */
	_background-image:none;
	cursor:pointer;
	}
	
.video_name{
	float:left;
	margin:15px 0 0 0;
	width:180px;
	color:#d20c7f;
	font-size:14px;
	text-align:center;
	}
	
.video_name a{
	color:#d20c7f;
	}	
	
.video_name a:visited{
	color:#d20c7f;
	}	

.video_name a:hover{
	color:#d20c7f;
	text-decoration:underline;
	}



/*-----------VV官方艺术团-艺术团招募-----------*/	


.art_recruit{
	float:left;
	margin:20px 0 0 20px;
	padding:0 0 30px 0;
	width:922px;
	display:inline;
	}
	
.art_recruit_photo{
	float:left;
	width:922px;
	text-align:center;
	}	
	
.art_recruit p{
    float:left;
	margin:20px 0 0 0;
	width:922px;
	font-size:14px;
	line-height:30px;
	color:#666;
	}
	
.recruit_apply{
	color:#ff0000;
	}	
	
	
	
/*foot*/

#demo{overflow:hidden;width:920px; margin:15px auto;}
#demo td{ text-align:center;}
#demo img{ border:0; border:1px #ccc solid; padding:1px; margin:0 5px; width:120px; height:55px;}







