/* CSS Document */
*{ margin:0px; padding:0px}
body{ font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif; background:#1f5db6; padding-bottom:20px}
a{ color:#000; text-decoration:none}
a:hover{ color:#000; text-decoration:none}
img{ border:0px; margin:0px; padding:0px}

.main{ width:900px; margin:auto}
.main1{ width:900px; margin:auto}

a.f_pass{ color:#ff8700}
a:hover.f_pass{ color:#ff8700}

.c_login td{ color:#767575}
.b_login td{ color:#000}

.top{ width:900px;color:#fff; font-family:"ËÎÌå"}
.top a{ color:#fff}
.top a:hover{ color:#fff}
.logo{ position:absolute; }

.banner{ width:900px}
.banner .banner1{ background:#f1f1f1; Filter:revealTrans(duration=1, transition=3); width:900px; height:185px;}
.banner .player{ position:absolute}
.banner .pro{ background:url(../images/banner2.jpg) no-repeat; height:76px;}
.banner .pro .pro_s{ margin-left:88px; width:470px; overflow:hidden; height:76px;}
.banner .pro .pro_s .image{ width:59px; height:59px; border:1px solid #fff; margin:0px 8px}
.banner .pro .pro_s .image img{ border:1px solid #7a7a7a}

.banner .login{ 
	position:absolute; 
	margin:95px 0px 0px 673px; 
/*	background:url(../images/login_back.gif) no-repeat;
*/	width:228px; 
	height:168px;
}

.banner .member{ width:228px; height:168px; /*background:url(../images/member_back.gif) no-repeat;*/ position:absolute; margin:94px 0px 0px 673px}

.content{ background:url(../images/back.gif) repeat-y #fff; width:900px}

.home_news{ padding-bottom:10px; border-bottom:2px solid #c9c9c9}
.home_news ul{ float:right; width:320px; padding-right:12px}
.home_news ul li{ list-style:none; line-height:25px; background:url(../images/icon_dot.gif) no-repeat 0px; padding-left:15px}
.home_news ul li span{ float:right; color:#ed670f}

.tab_menu{ height:22px}
.tab_menu li{ float:left; margin-right:5px; list-style:none; color:#fff; line-height:21px; width:79px; text-align:center; cursor:pointer}
.tab_menu li a{ color:#fff}
.tab_menu li a:hover{ color:#fff}
.tab_menu .style1{ background:url(../images/tab_back1.gif) no-repeat}
.tab_menu .style2{ background:url(../images/tab_back2.gif) no-repeat}

.cd{ background:url(../images/back_CD.jpg) no-repeat; height:214px; padding:15px 12px}
.cd li{ float:left; list-style:none; width:20%; text-align:center}
.cd li img{ border:1px solid #e0e0e0; margin:0px; padding:0px}

.fans{ background:url(../images/back_fans.jpg) no-repeat; margin-top:10px; height:212px; padding:5px 13px 5px 8px; margin-bottom:30px}
.fans li{ list-style:none; line-height:20px; border-bottom:1px solid #ccc; background:#e8e8e8; padding-left:15px}
.fans .style1{ background:#e8e8e8}
.fans .style2{ background:#f2f2f2}
.fans li .span1{ float:right; margin-right:10px; color:#006600; width:100px}
.fans li .span2{ float:left; margin-left:10px; color:#CD0037; width:100px}
.fans li .span3{ float:left; margin-left:5px; width:250px}
.fans li .span2 a{ color:#CD0037}

.top_bar{ background:url(../images/top_back.gif) repeat-y; width:205px}
.top_bar ul{ padding:0px 10px;}
.top_bar ul li{ list-style:none; padding:6px 0px 3px; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
.top_bar ul .style1{ background:#e8e8e8}
.top_bar ul .style2{ background:#f6f6f6}
.top_bar ul li span{ padding:10px 10px 0px; display:block; float:left}

.top_bar1{ background:url(../images/top_back.gif) repeat-y; width:205px; margin-bottom:150px}
.top_bar1 ul{ padding:0px 10px;}
.top_bar1 ul li{ list-style:none; padding:6px 0px 3px; border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
.top_bar1 ul .style1{ background:#e8e8e8}
.top_bar1 ul .style2{ background:#f6f6f6}
.top_bar1 ul li span{ padding:10px 10px 0px; display:block; float:left}

.class_bar{ background:url(../images/top_back.gif) repeat-y; width:205px; margin-bottom:150px}
.class_bar ul{ padding:0px 10px;}
.class_bar ul li{ border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
.class_bar ul .style1{ list-style:none; padding-top:1px; background:url(../images/icon_music.gif) no-repeat 8px #e8e8e8; padding-left:30px; line-height:28px}
.class_bar ul .style2{ list-style:none; padding-top:1px; background:url(../images/icon_music.gif) no-repeat 8px #f6f6f6; padding-left:30px; line-height:28px}

.class_bar2{ background:url(../images/top_back2.gif) repeat-y; width:205px; margin-bottom:150px}
.class_bar2 ul{ padding:0px 10px;}
.class_bar2 ul li{ border-left:1px solid #dadada; border-right:1px solid #dadada; border-bottom:1px solid #dadada;}
.class_bar2 ul .style1{ list-style:none; padding-top:1px; background:url(../images/icon_music.gif) no-repeat 8px #e8e8e8; padding-left:30px; line-height:28px}
.class_bar2 ul .style2{ list-style:none; padding-top:1px; background:url(../images/icon_music.gif) no-repeat 8px #f6f6f6; padding-left:30px; line-height:28px}

.newsview{ margin-top:15px}
.content_newsview{ line-height:150%}
.content_newsview .news_tit{ line-height:30px; font-size:14px; font-weight:bold; text-align:center;}
.content_newsview .news_tit .news_date{ line-height:25px; font-size:12px; font-weight: normal; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#f9f9f9; text-align:center; margin:10px 0px; color:#777}
.content_newsview .news_view{ line-height:150%; margin-top:15px}


.gg{ width:205px; margin-top:5px; margin-bottom:150px}
.gg img{ margin:5px 0px 0px 8px}

.foot{ background:url(../images/b_back.gif) no-repeat bottom #d9d9d9; padding:20px}
.foot .link1{ width:700px; margin:auto; background:url(../images/flink1.gif) no-repeat #fff 10px; padding:13px 0px 7px 120px}
.foot .link1 #demo{ height:35px; width:690px; margin-right:10px; overflow:hidden}
.foot .link2{ width:700px; margin:auto; margin-top:5px; padding:10px 0px 10px 120px; background:url(../images/flink2.gif) no-repeat #fff 10px}
.foot .link2 #demo8{ height:35px; width:690px; margin-right:10px; overflow:hidden}
.foot .copy{ width:820px; margin:auto; margin-top:15px; line-height:30px; background:url(../images/logo.gif) no-repeat}
.foot .copy p{ padding-left:250px; color:#f3442d}
.foot .copy a{ color:#f3442d}

.about_content{ line-height:180%; margin:30px 0px 50px}
.about_content p{ margin:20px 0px}

.news_content{ margin:20px 0px 10px}
.news_content li{ list-style:none; line-height:30px; padding-left:15px}
.news_content li span{ float:right; padding-right:15px}
.news_content .style1{ background:#f7f3ee}
.news_content .style2{ background:#fff}

.Pagination{ margin-top:15px; margin-bottom:50px}

.cl_tit{ margin-top:10px; background:#e4e4e4; padding-top:7px; height:21px}
.cl_tit li{ line-height:21px; width:79px; text-align:center; margin-left:8px; list-style:none; float:left}
.cl_tit .style1{ background:url(../images/tab_back1.gif) no-repeat}
.cl_tit .style2{ background:url(../images/tab_back2.gif) no-repeat}
.cl_tit li a{ color:#fff}
.cl_tit li a:hover{ color:#fff}

.Recommended{ padding:10px; border:1px solid #dfdfdf; background:url(../images/disk_back.gif) no-repeat right 5px #fff; height:80px }
.Recommended p{ line-height:120%; float:right; width:145px}
.Recommended p a.tit{ color:#f3442d; font-weight:bold; display:block; line-height:20px; width:145px; height:20px; overflow:hidden; margin-bottom:5px}


a.buy{ display:block; margin-top:5px; width:40px; line-height:20px; text-align:center; background:#f3442d; color:#fff}
a:hover.buy{ color:#fff}

.pro{ padding:0px; margin:0px}
.pro li{ width:50%; float:left; clear:inherit; list-style:none}
.pro_list{ padding:10px; background:#fff; height:110px }
.pro_list p{ line-height:120%; float:right; width:150px}
.pro_list p a.tit{ color:#f3442d; font-weight:bold; display:block; line-height:20px; margin-bottom:5px}
.pro_list p a.buy{ display:block; margin-top:5px; width:40px; line-height:20px; text-align:center; background:#f3442d; color:#fff}

.search{ background:url(../images/back_search1.gif) no-repeat; width:199px; height:89px; margin:0px 0px 10px 3px;}

.pro_view{ margin:20px 0px 50px; line-height:180%;}
.pro_view p{ margin:15px 0px}
.pic{ border:2px solid #e1e1e1; float:left; margin:0px 10px 10px 0px; padding:5px; background:#f1f1f1}
.pic td{ line-height:24px}

.my_order{ background:#1F5DB6}
.my_order th{ background:#fff; line-height:30px}
.my_order td{ background:#fff; line-height:24px; text-align:center}


.Album{ width:530px;}
.row{ clear:both; padding-bottom:10px;}
.item{ width:265px; float:left; position:relative; padding-bottom:40px}
.pack{ position:relative; width:260px; line-height:18px; WORD-BREAK: break-all; WORD-WRAP: break-word}
.pack .pic1{ border:1px solid #ccc; float:left; width:80px; padding:4px; position:relative}
.pack .txt1{ float:left; width:160px; padding-left:5px; position:relative}
.pack .caption{ font-size:12px; font-weight:bold; margin-bottom:4px; overflow: hidden; line-height:18px; height:36px; max-height: 36px}
.pack .caption a{ color:#F3442D}


.info{ margin-bottom:4px}
.info li{ list-style-type:none; overflow:hidden; line-height:18px}
.info span{ display:block; width:30px; margin-top:28px; text-align:center; line-height:22px; background:#F3442D; padding:0 5px}
.info span a{ color:#fff}
.info span a:hover{ color:#fff}
.info a{ color:#0093bb}
.info a:hover{ color:#0093bb}

a.inner{ overflow:hidden; display:block; width:80px; height:80px}
