/*common*/
.clearFix:after{ clear: both; display: block; visibility: hidden; height: 0; line-height: 0; content: ""; }
.clearFix{ *zoom: 1; }
/*html{ background-image: url(''); background-attachment: fixed; }*/
body{ font-family: "Microsoft YaHei"; font-size: 18px; line-height: 28px; position: relative; background: url("../images/VVTimeline/bg.jpg") repeat 0 0;}
a{ text-decoration: none; }

/*main*/
.main{ /*position: relative; top: 0;*/ width: 1000px; margin: 0 auto; overflow: hidden; text-align: left; margin-top: -200px; }
.divBox{ position: relative; }
.divBox .line{ position: absolute; top: 0; left: 35px; width: 2px; height: 100%; background: url("../images/VVTimeline/line.png") repeat-y 0 0; z-index: 0;}

/*background*/
.bg0{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url("../images/VVTimeline/bg.jpg") repeat 0 0; z-index: -1; }
.bg1{ width: 100%; height: 700px; background: url("../images/VVTimeline/bg0.png") no-repeat center; }
/*bg0.png 2099*746*/
/*减去mini-top的32px*/

/*视频模板*/
.video{ width: 100%; padding: 10px 0; }
.video .title span.time{ float: left; display: block; width: 50px; height: 50px; padding: 10px; text-align: right; font-size: 22px; line-height: 22px; color: #ffffff; position: relative; z-index: 10; }
.video .title span.time em{ font-size: 14px; }
.video .title span.tit1{ float: left; display: block; width: 30px; height: 40px; margin-top: 15px; margin-left: 8px; text-align: center; font-size: 40px; line-height: 40px; color: #ffffff; background: url("../images/VVTimeline/tit1.png") repeat-y 0 0; }
.video .title span.tit2{ float: left; display: block; width: 340px; height: 40px; margin-top: 15px; text-align: center; font-size: 24px; line-height: 36px; color: #ffffff; }
.video .title span.tit3{ float: left; display: block; width: 20px; height: 40px; margin-top: 17px; text-indent: -6px; font-size: 90px; line-height: 36px; *line-height: 40px; overflow: hidden; }
.video iframe{ margin-left: 80px; margin-top: 10px; }
.video p.description{ padding: 20px 30px 20px 80px; font-size: 14px; line-height: 24px; text-indent: 2em; color: #47586B; }
.video p.description2{ padding: 0px 30px 20px 80px; font-size: 14px; line-height: 24px; text-indent: 2em; color: #47586B; }
.video p.label{ padding: 10px 30px 10px 80px; display: none; }
.video p.label a.label{ display: block; height: 24px; padding: 0 6px; float: left; margin-right: 10px; font-size: 14px; line-height: 24px; color: #ffffff; border: 2px solid #ffffff; }
.video p.bottomBtn{ padding: 10px 30px 10px 80px; }
.video p.bottomBtn a.bottomBtn{ display: block; height: 24px; padding: 0 6px; float: left; margin-right: 20px; font-size: 14px; line-height: 24px; color: #47586B; }
.video p.bottomBtn a.share{ padding-left: 24px; background: url("../images/VVTimeline/share.png") no-repeat 0 center; }
.video p.bottomBtn a.comment{ padding-left: 24px; background: url("../images/VVTimeline/comment.png") no-repeat 0 center; }
/*red*/
.video_red{ background-color: #F4C7C7; }
.video_red .title span.time{ background-color: #FF005A; }
.video_red .title span.tit1{ background-color: #C00345; }
.video_red .title span.tit2{ background-color: #FF005A; }
.video_red .title span.tit3{ color: #F4C7C7; background-color: #C00345; }
.video_red p.description a{ color: #FF005A; }
.video_red p.description a:hover{ color: #C00345; }
.video_red p.description2 a{ color: #FF005A; }
.video_red p.description2 a:hover{ color: #C00345; }
.video_red p.label a.label{ background-color: #FF005A; }
.video_red p.label a.label:hover{ background-color: #C00345; }
.video_red p.bottomBtn a.bottomBtn:hover{ color: #FF005A; }
/*blue*/
.video_blue{ background-color: #D2ECFE; }
.video_blue .title span.time{ background-color: #039CEF; }
.video_blue .title span.tit1{ background-color: #0071AE; }
.video_blue .title span.tit2{ background-color: #039CEF; }
.video_blue .title span.tit3{ color: #D2ECFE; background-color: #0071AE; }
.video_blue p.description a{ color: #039CEF; }
.video_blue p.description a:hover{ color: #0071AE; }
.video_blue p.description2 a{ color: #039CEF; }
.video_blue p.description2 a:hover{ color: #0071AE; }
.video_blue p.label a.label{ background-color: #039CEF; }
.video_blue p.label a.label:hover{ background-color: #0071AE; }
.video_blue p.bottomBtn a.bottomBtn:hover{ color: #039CEF; }
/*green*/
.video_green{ background-color: #D6E9CB; }
.video_green .title span.time{ background-color: #9CC832; }
.video_green .title span.tit1{ background-color: #6C8E1A; }
.video_green .title span.tit2{ background-color: #9CC832; }
.video_green .title span.tit3{ color: #D6E9CB; background-color: #6C8E1A; }
.video_green p.description a{ color: #9CC832; }
.video_green p.description a:hover{ color: #6C8E1A; }
.video_green p.description2 a{ color: #9CC832; }
.video_green p.description2 a:hover{ color: #6C8E1A; }
.video_green p.label a.label{ background-color: #9CC832; }
.video_green p.label a.label:hover{ background-color: #6C8E1A; }
.video_green p.bottomBtn a.bottomBtn:hover{ color: #9CC832; }

/*音乐模板*/
div.music{ width: 100%; padding: 10px 0; }
div.music .title span.time{ float: left; display: block; width: 50px; height: 50px; padding: 10px; text-align: right; font-size: 22px; line-height: 22px; color: #ffffff; position: relative; z-index: 10; }
div.music .title span.time em{ font-size: 14px; }
div.music .title span.tit1{ float: left; display: block; width: 30px; height: 40px; margin-top: 15px; margin-left: 8px; text-align: center; font-size: 40px; line-height: 40px; color: #ffffff; background: url("../images/VVTimeline/tit1.png") repeat-y 0 0; }
div.music .title span.tit2{ float: left; display: block; width: 340px; height: 40px; margin-top: 15px; text-align: center; font-size: 24px; line-height: 36px; color: #ffffff; }
div.music .title span.tit3{ float: left; display: block; width: 20px; height: 40px; margin-top: 17px; text-indent: -6px; font-size: 90px; line-height: 36px; *line-height: 40px; overflow: hidden; }
div.music p.description{ padding: 20px 30px 20px 80px; font-size: 14px; line-height: 24px; text-indent: 2em; color: #47586B; }
div.music p.description2{ padding: 0px 30px 20px 80px; font-size: 14px; line-height: 24px; text-indent: 2em; color: #47586B; }
div.music p.link{ padding: 10px 30px 10px 80px; font-size: 14px; line-height: 24px; }
div.music p.link a{ display: block; float: left; margin-right: 10px; height: 24px; }
div.music p.link a:hover{ text-decoration: underline; }
div.music .line2{ width: 880px; height: 1px; margin-left: 80px; background: url("../images/VVTimeline/line2.jpg") repeat-x 0 0; z-index: 0; }
/*歌单*/
div.music ul.musicList { width:1000px; overflow: hidden; padding: 10px 0; }
div.music ul.musicList li { width: 400px; float:left; font-size: 14px; line-height: 36px; margin-left: 90px; }
div.music ul.musicList li a { float:left; color:#47586B; }
div.music ul.musicList li a.musicName { width:290px; }
div.music ul.musicList li a.musicIcom { width:20px; height:20px; background:url(../images/VVTimeline/listsongSprites.png) no-repeat; margin: 0 5px; margin-top: 8px; }
div.music ul.musicList li a.listen { background-position:0 -66px;}
div.music ul.musicList li a.listen:hover { background-position:0 -95px;}
div.music ul.musicList li a.down { background-position:-59px -66px;}
div.music ul.musicList li a.down:hover { background-position:-59px -95px;}
div.music ul.musicList li a.share { background-position:-88px -66px;}
div.music ul.musicList li a.share:hover { background-position:-88px -95px;}
/*图片*/
div.music div.pic{ width: 1000px; height: 250px; position: relative; z-index: 0; background:url(../images/VVTimeline/white.png) repeat 0 0; }
div.music div.pic .picBox{ width: 800px; overflow: hidden; margin-left: 122px; padding-top: 22px; }
div.music div.pic .picBox ul.pic{ display: block; width: 99999px; }
div.music div.pic .picBox ul.pic li{ display: block; float: left; padding: 0 8px; }
div.music div.pic .picBox ul.pic li a.headlink{ display: block; background-color: #D6D4E3; padding: 2px; }
div.music div.pic .picBox ul.pic li a.headlink img{ display: block; width: 140px; height: 200px; }
div.music div.pic a.scrollBtn{ position: absolute; display: block; width: 40px; height: 140px; top: 55px; cursor: pointer; z-index: 1; font-size: 40px; line-height: 134px; text-align: center; }
div.music div.pic a.prev{ left: 72px; }
div.music div.pic a.next{ right: 36px; }
div.music p.label{ padding: 10px 30px 10px 80px; display: none; }
div.music p.label a.label{ display: block; height: 24px; padding: 0 6px; float: left; margin-right: 10px; font-size: 14px; line-height: 24px; color: #ffffff; border: 2px solid #ffffff; }
div.music p.bottomBtn{ padding: 10px 30px 10px 80px; }
div.music p.bottomBtn a.bottomBtn{ display: block; height: 24px; padding: 0 6px; float: left; margin-right: 20px; font-size: 14px; line-height: 24px; color: #47586B; }
div.music p.bottomBtn a.share{ padding-left: 24px; background: url("../images/VVTimeline/share.png") no-repeat 0 center; }
div.music p.bottomBtn a.comment{ padding-left: 24px; background: url("../images/VVTimeline/comment.png") no-repeat 0 center; }
/*red*/
.music_red{ background-color: #F4C7C7; }
.music_red .title span.time{ background-color: #FF005A; }
.music_red .title span.tit1{ background-color: #C00345; }
.music_red .title span.tit2{ background-color: #FF005A; }
.music_red .title span.tit3{ color: #F4C7C7; background-color: #C00345; }
.music_red p.description a{ color: #FF005A; }
.music_red p.description a:hover{ color: #C00345; }
.music_red p.description2 a{ color: #FF005A; }
.music_red p.description2 a:hover{ color: #C00345; }
.music_red p.link a{ color: #FF005A; }
.music_red p.link a:hover{ color: #C00345; }
.music_red ul.musicList li a.musicName:hover { color: #FF005A; }
.music_red div.pic .picBox ul.pic li a.headlink:hover{ background-color: #FF005A; }
.music_red div.pic a.scrollBtn{ color: #C00345; }
.music_red div.pic a.prev:hover{ background: url("../images/VVTimeline/red.png") no-repeat center; }
.music_red div.pic a.next:hover{ background: url("../images/VVTimeline/red.png") no-repeat center; }
.music_red p.label a.label{ background-color: #FF005A; }
.music_red p.label a.label:hover{ background-color: #C00345; }
.music_red p.bottomBtn a.bottomBtn:hover{ color: #FF005A; }
/*blue*/
.music_blue{ background-color: #D2ECFE; }
.music_blue .title span.time{ background-color: #039CEF; }
.music_blue .title span.tit1{ background-color: #0071AE; }
.music_blue .title span.tit2{ background-color: #039CEF; }
.music_blue .title span.tit3{ color: #D2ECFE; background-color: #0071AE; }
.music_blue p.description a{ color: #039CEF; }
.music_blue p.description a:hover{ color: #0071AE; }
.music_blue p.description2 a{ color: #039CEF; }
.music_blue p.description2 a:hover{ color: #0071AE; }
.music_blue p.link a{ color: #039CEF; }
.music_blue p.link a:hover{ color: #0071AE; }
.music_blue ul.musicList li a.musicName:hover { color: #039CEF; }
.music_blue div.pic .picBox ul.pic li a.headlink:hover{ background-color: #039CEF; }
.music_blue div.pic a.scrollBtn{ color: #0071AE; }
.music_blue div.pic a.prev:hover{ background: url("../images/VVTimeline/blue.png") no-repeat center; }
.music_blue div.pic a.next:hover{ background: url("../images/VVTimeline/blue.png") no-repeat center; }
.music_blue p.label a.label{ background-color: #039CEF; }
.music_blue p.label a.label:hover{ background-color: #0071AE; }
.music_blue p.bottomBtn a.bottomBtn:hover{ color: #039CEF; }
/*green*/
.music_green{ background-color: #D6E9CB; }
.music_green .title span.time{ background-color: #9CC832; }
.music_green .title span.tit1{ background-color: #6C8E1A; }
.music_green .title span.tit2{ background-color: #9CC832; }
.music_green .title span.tit3{ color: #D6E9CB; background-color: #6C8E1A; }
.music_green p.description a{ color: #9CC832; }
.music_green p.description a:hover{ color: #6C8E1A; }
.music_green p.description2 a{ color: #9CC832; }
.music_green p.description2 a:hover{ color: #6C8E1A; }
.music_green p.link a{ color: #9CC832; }
.music_green p.link a:hover{ color: #6C8E1A; }
.music_green ul.musicList li a.musicName:hover { color: #9CC832; }
.music_green div.pic .picBox ul.pic li a.headlink:hover{ background-color: #9CC832; }
.music_green div.pic a.scrollBtn{ color: #6C8E1A; }
.music_green div.pic a.prev:hover{ background: url("../images/VVTimeline/green.png") no-repeat center; }
.music_green div.pic a.next:hover{ background: url("../images/VVTimeline/green.png") no-repeat center; }
.music_green p.label a.label{ background-color: #9CC832; }
.music_green p.label a.label:hover{ background-color: #6C8E1A; }
.music_green p.bottomBtn a.bottomBtn:hover{ color: #9CC832; }

/*图片模板*/
.picture{ width: 100%; padding: 10px 0; }
.picture .title span.time{ float: left; display: block; width: 50px; height: 50px; padding: 10px; text-align: right; font-size: 22px; line-height: 22px; color: #ffffff; position: relative; z-index: 10; }
.picture .title span.time em{ font-size: 14px; }
.picture .title span.tit1{ float: left; display: block; width: 30px; height: 40px; margin-top: 15px; margin-left: 8px; text-align: center; font-size: 40px; line-height: 40px; color: #ffffff; background: url("../images/VVTimeline/tit1.png") repeat-y 0 0; }
.picture .title span.tit2{ float: left; display: block; width: 340px; height: 40px; margin-top: 15px; text-align: center; font-size: 24px; line-height: 36px; color: #ffffff; }
.picture .title span.tit3{ float: left; display: block; width: 20px; height: 40px; margin-top: 17px; text-indent: -6px; font-size: 90px; line-height: 36px; *line-height: 40px; overflow: hidden; }
.picture div.pic{ float: left; width: 636px; height: 436px; position: relative; margin-left: 70px; padding: 10px 0; }
.picture div.pic .picBox{ width: 620px; height: 420px; border: #ffffff solid 8px; overflow: hidden; }
.picture div.pic .picBox ul.pic{ display: block; width: 99999px; }
.picture div.pic .picBox ul.pic li{ width: 620px; height: 420px; float:left; display: block; }
.picture div.pic .picBox ul.pic li a.headlink{ width: 620px; height: 420px; display: block; }
.picture div.pic .picBox ul.pic li a.headlink img{ width: 620px; height: 420px; display: block; }
.picture div.pic a.scrollBtn{ position: absolute; display: none; width: 60px; height: 60px; top: 180px; opacity: 0.5; filter: alpha(opacity=50); background-color: #000000; cursor: pointer; z-index: 10; color: #ffffff; font-size: 60px; line-height: 50px; text-align: center; text-indent: 4px; }
.picture div.pic a.prev{ left: 8px; }
.picture div.pic a.next{ right: 8px; }
.picture div.pic:hover a.scrollBtn{ display: block; }
.picture .aside{ float: left; display: block; width: 294px; height: 436px; padding: 10px 0; }
.picture .aside p.description{ display: block; height: 288px; font-size: 12px; line-height: 32px; padding: 0 30px 0 14px; text-indent: 2em; color: #47586B; }
/*歌单*/
.picture .aside ul.musicList{ display: block; width: 294px; overflow: hidden; }
.picture .aside ul.musicList li{ width: 280px; height: 36px; float:left; font-size: 14px; line-height: 36px; margin-left: 14px; }
.picture .aside ul.musicList li a{ float:left; color:#47586B; }
.picture .aside ul.musicList li a.musicName { width:200px; }
.picture .aside ul.musicList li a.musicIcom { width:20px; height:20px; background:url(../images/VVTimeline/listsongSprites.png) no-repeat; margin: 0 5px; margin-top: 8px; }
.picture .aside ul.musicList li a.listen { background-position:0 -66px;}
.picture .aside ul.musicList li a.listen:hover { background-position:0 -95px;}
.picture .aside ul.musicList li a.down { background-position:-59px -66px;}
.picture .aside ul.musicList li a.down:hover { background-position:-59px -95px;}
.picture p.label{ padding: 10px 30px 10px 80px; display: none; }
.picture p.label a.label{ display: block; height: 24px; padding: 0 6px; float: left; margin-right: 10px; font-size: 14px; line-height: 24px; color: #ffffff; border: 2px solid #ffffff; }
.picture p.bottomBtn{ padding: 10px 30px 10px 80px; }
.picture p.bottomBtn a.bottomBtn{ display: block; height: 24px; padding: 0 6px; float: left; margin-right: 20px; font-size: 14px; line-height: 24px; color: #47586B; }
.picture p.bottomBtn a.share{ padding-left: 24px; background: url("../images/VVTimeline/share.png") no-repeat 0 center; }
.picture p.bottomBtn a.comment{ padding-left: 24px; background: url("../images/VVTimeline/comment.png") no-repeat 0 center; }
/*red*/
.picture_red{ background-color: #F4C7C7; }
.picture_red .title span.time{ background-color: #FF005A; }
.picture_red .title span.tit1{ background-color: #C00345; }
.picture_red .title span.tit2{ background-color: #FF005A; }
.picture_red .title span.tit3{ color: #F4C7C7; background-color: #C00345; }
.picture_red .aside p.description a{ color: #FF005A; }
.picture_red .aside p.description a:hover{ color: #C00345; }
.picture_red .aside ul.musicList li a:hover{ color: #FF005A; }
.picture_red p.label a.label{ background-color: #FF005A; }
.picture_red p.label a.label:hover{ background-color: #C00345; }
.picture_red p.bottomBtn a.bottomBtn:hover{ color: #FF005A; }
/*blue*/
.picture_blue{ background-color: #D2ECFE; }
.picture_blue .title span.time{ background-color: #039CEF; }
.picture_blue .title span.tit1{ background-color: #0071AE; }
.picture_blue .title span.tit2{ background-color: #039CEF; }
.picture_blue .title span.tit3{ color: #D2ECFE; background-color: #0071AE; }
.picture_blue .aside p.description a{ color: #039CEF; }
.picture_blue .aside p.description a:hover{ color: #0071AE; }
.picture_blue .aside ul.musicList li a:hover{ color: #039CEF; }
.picture_blue p.label a.label{ background-color: #039CEF; }
.picture_blue p.label a.label:hover{ background-color: #0071AE; }
.picture_blue p.bottomBtn a.bottomBtn:hover{ color: #039CEF; }
/*green*/
.picture_green{ background-color: #D6E9CB; }
.picture_green .title span.time{ background-color: #9CC832; }
.picture_green .title span.tit1{ background-color: #6C8E1A; }
.picture_green .title span.tit2{ background-color: #9CC832; }
.picture_green .title span.tit3{ color: #D6E9CB; background-color: #6C8E1A; }
.picture_green .aside p.description a{ color: #9CC832; }
.picture_green .aside p.description a:hover{ color: #6C8E1A; }
.picture_green .aside ul.musicList li a:hover{ color: #9CC832; }
.picture_green p.label a.label{ background-color: #9CC832; }
.picture_green p.label a.label:hover{ background-color: #6C8E1A; }
.picture_green p.bottomBtn a.bottomBtn:hover{ color: #9CC832; }

/*图片模板2*/
.picture2{ width: 100%; padding: 10px 0; }
.picture2 .title span.time{ float: left; display: block; width: 50px; height: 50px; padding: 10px; text-align: right; font-size: 22px; line-height: 22px; color: #ffffff; position: relative; z-index: 10; }
.picture2 .title span.time em{ font-size: 14px; }
.picture2 .title span.tit1{ float: left; display: block; width: 30px; height: 40px; margin-top: 15px; margin-left: 8px; text-align: center; font-size: 40px; line-height: 40px; color: #ffffff; background: url("../images/VVTimeline/tit1.png") repeat-y 0 0; }
.picture2 .title span.tit2{ float: left; display: block; width: 340px; height: 40px; margin-top: 15px; text-align: center; font-size: 24px; line-height: 36px; color: #ffffff; }
.picture2 .title span.tit3{ float: left; display: block; width: 20px; height: 40px; margin-top: 17px; text-indent: -6px; font-size: 90px; line-height: 36px; *line-height: 40px; overflow: hidden; }
.picture2 div.pic{ float: left; width: 930px; height: 436px; position: relative; margin-left: 70px; padding: 10px 0; }
.picture2 div.pic .picBox{ width: 930px; height: 436px; overflow: hidden; }
.picture2 div.pic .picBox ul.pic{ display: block; width: 99999px; }
.picture2 div.pic .picBox ul.pic li{ width: 930px; height: 436px; float:left; display: block; }
.picture2 div.pic .picBox ul.pic li a.headlink{ width: 620px; height: 420px; border: #ffffff solid 8px; float: left; display: block; }
.picture2 div.pic .picBox ul.pic li a.headlink img{ width: 620px; height: 420px; display: block; }
.picture2 div.pic .picBox ul.pic li .aside{ float: left; display: block; width: 294px; height: 436px; }
.picture2 div.pic .picBox ul.pic li .aside p.description{ display: block; height: 288px; font-size: 12px; line-height: 32px; padding: 0 30px 0 14px; text-indent: 2em; color: #47586B; }
/*歌单*/
.picture2 div.pic .picBox ul.pic li .aside ul.musicList{ display: block; width: 294px; overflow: hidden; }
.picture2 div.pic .picBox ul.pic li .aside ul.musicList li{ width: 280px; height: 36px; float:left; font-size: 14px; line-height: 36px; margin-left: 14px; }
.picture2 div.pic .picBox ul.pic li .aside ul.musicList li a{ float:left; color:#47586B; }
.picture2 div.pic .picBox ul.pic li .aside ul.musicList li a.musicName { width:200px; }
.picture2 div.pic .picBox ul.pic li .aside ul.musicList li a.musicIcom { width:20px; height:20px; background:url(../images/VVTimeline/listsongSprites.png) no-repeat; margin: 0 5px; margin-top: 8px; }
.picture2 div.pic .picBox ul.pic li .aside ul.musicList li a.listen { background-position:0 -66px;}
.picture2 div.pic .picBox ul.pic li .aside ul.musicList li a.listen:hover { background-position:0 -95px;}
.picture2 div.pic .picBox ul.pic li .aside ul.musicList li a.down { background-position:-59px -66px;}
.picture2 div.pic .picBox ul.pic li .aside ul.musicList li a.down:hover { background-position:-59px -95px;}
.picture2 div.pic a.scrollBtn{ position: absolute; display: none; width: 60px; height: 60px; top: 180px; opacity: 0.5; filter: alpha(opacity=50); background-color: #000000; cursor: pointer; z-index: 10; color: #ffffff; font-size: 60px; line-height: 50px; text-align: center; text-indent: 4px; }
.picture2 div.pic a.prev{ left: 8px; }
.picture2 div.pic a.next{ left: 568px; }
.picture2 div.pic:hover a.scrollBtn{ display: block; }
.picture2 p.label{ padding: 10px 30px 10px 80px; display: none; }
.picture2 p.label a.label{ display: block; height: 24px; padding: 0 6px; float: left; margin-right: 10px; font-size: 14px; line-height: 24px; color: #ffffff; border: 2px solid #ffffff; }
.picture2 p.bottomBtn{ padding: 10px 30px 10px 80px; }
.picture2 p.bottomBtn a.bottomBtn{ display: block; height: 24px; padding: 0 6px; float: left; margin-right: 20px; font-size: 14px; line-height: 24px; color: #47586B; }
.picture2 p.bottomBtn a.share{ padding-left: 24px; background: url("../images/VVTimeline/share.png") no-repeat 0 center; }
.picture2 p.bottomBtn a.comment{ padding-left: 24px; background: url("../images/VVTimeline/comment.png") no-repeat 0 center; }
/*red*/
.picture2_red{ background-color: #F4C7C7; }
.picture2_red .title span.time{ background-color: #FF005A; }
.picture2_red .title span.tit1{ background-color: #C00345; }
.picture2_red .title span.tit2{ background-color: #FF005A; }
.picture2_red .title span.tit3{ color: #F4C7C7; background-color: #C00345; }
.picture2_red div.pic .picBox ul.pic li .aside p.description a{ color: #FF005A; }
.picture2_red div.pic .picBox ul.pic li .aside p.description a:hover{ color: #C00345; }
.picture2_red div.pic .picBox ul.pic li .aside ul.musicList li a:hover{ color: #FF005A; }
.picture2_red p.label a.label{ background-color: #FF005A; }
.picture2_red p.label a.label:hover{ background-color: #C00345; }
.picture2_red p.bottomBtn a.bottomBtn:hover{ color: #FF005A; }
/*blue*/
.picture2_blue{ background-color: #D2ECFE; }
.picture2_blue .title span.time{ background-color: #039CEF; }
.picture2_blue .title span.tit1{ background-color: #0071AE; }
.picture2_blue .title span.tit2{ background-color: #039CEF; }
.picture2_blue .title span.tit3{ color: #D2ECFE; background-color: #0071AE; }
.picture2_blue div.pic .picBox ul.pic li .aside p.description a{ color: #039CEF; }
.picture2_blue div.pic .picBox ul.pic li .aside p.description a:hover{ color: #0071AE; }
.picture2_blue div.pic .picBox ul.pic li .aside ul.musicList li a:hover{ color: #039CEF; }
.picture2_blue p.label a.label{ background-color: #039CEF; }
.picture2_blue p.label a.label:hover{ background-color: #0071AE; }
.picture2_blue p.bottomBtn a.bottomBtn:hover{ color: #039CEF; }
/*green*/
.picture2_green{ background-color: #D6E9CB; }
.picture2_green .title span.time{ background-color: #9CC832; }
.picture2_green .title span.tit1{ background-color: #6C8E1A; }
.picture2_green .title span.tit2{ background-color: #9CC832; }
.picture2_green .title span.tit3{ color: #D6E9CB; background-color: #6C8E1A; }
.picture2_green div.pic .picBox ul.pic li .aside p.description a{ color: #9CC832; }
.picture2_green div.pic .picBox ul.pic li .aside p.description a:hover{ color: #6C8E1A; }
.picture2_green div.pic .picBox ul.pic li .aside ul.musicList li a:hover{ color: #9CC832; }
.picture2_green p.label a.label{ background-color: #9CC832; }
.picture2_green p.label a.label:hover{ background-color: #6C8E1A; }
.picture2_green p.bottomBtn a.bottomBtn:hover{ color: #9CC832; }

#vv_comment{ width: 1000px; margin: 10px auto 0; }
.talk_box { min-height: 300px; }
/*footer*/
#footer_link_info p{ color: #000000; font-family: Arial; }
#footer_link_info a{ color: #000000; }
#footer_link_info a:hover{ color: #E0D63B; }

/*aside Share*/
.timeLine{ width: 86px; position: fixed; right: 50%; margin-right: -590px; top: 50%; z-index: 500; border: 2px solid #9E9E9E; padding: 10px 0; background-color: #F2F2F2; }
.timeLine{ _position: absolute; _bottom: auto; _margin-bottom:100px;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
.timeLine ul.time{ display: block; width: 86px; }
.timeLine ul.time li{ text-indent: 38px; }
.timeLine ul.time li a{ color: #47586B; }

.timeLine ul.time li.year{ font-size: 14px; line-height: 30px; height: 30px; background: url("../images/VVTimeline/year.png") no-repeat 8px -26px; }
.timeLine ul.time li.year:hover a{ color: #039CEF; }
.timeLine ul.time li.years{ font-size: 14px; line-height: 30px; height: 30px; background: url("../images/VVTimeline/years.png") no-repeat 8px -26px; }
.timeLine ul.time li.years a{ color: #ffffff; }

.timeLine ul.time li.new{ font-size: 14px; line-height: 30px; height: 30px; background: url("../images/VVTimeline/new.png") no-repeat 8px 6px; }
.timeLine ul.time li.new:hover a{ color: #039CEF; }
.timeLine ul.time li.news{ font-size: 14px; line-height: 30px; height: 30px; background: url("../images/VVTimeline/news.png") no-repeat 8px -1px; }
.timeLine ul.time li.news a{ color: #ffffff; }

.timeLine ul.time li.old{ font-size: 14px; line-height: 30px; height: 30px; background: url("../images/VVTimeline/old.png") no-repeat 8px -28px; }
.timeLine ul.time li.old:hover a{ color: #039CEF; }
.timeLine ul.time li.olds{ font-size: 14px; line-height: 30px; height: 30px; background: url("../images/VVTimeline/old.png") no-repeat 8px -28px; }
.timeLine ul.time li.olds a{ color: #039CEF; font-weight: bold; }

.timeLine ul.time li.month{ font-size: 14px; line-height: 24px; height: 24px; background: url("../images/VVTimeline/month.png") no-repeat 8px center; }
.timeLine ul.time li.month:hover a{ color: #039CEF; }
.timeLine ul.time li.months{ font-size: 14px; line-height: 24px; height: 24px; background: url("../images/VVTimeline/month.png") no-repeat 8px center; }
.timeLine ul.time li.months a{ color: #039CEF; font-weight: bold; }

.timeLine a.timeLineBtn{ display: block; font-size: 16px; line-height: 30px; height: 30px; color: #47586B; text-align: center; }

@media screen and (max-width: 1200px) {
    .timeLine{ right: 10px; margin-right: 0px; }
}