/*index主体css*/
#g-banner { height: 203px; width: 1000px; overflow: hidden; margin: 10px auto 0 auto; }
/* album */
#pic_show{width:714px; float: left;}
#Album li,#Album{list-style:none;}
#Album{ position:relative; background:url(../images/loader.gif) no-repeat center #F9F9F9; height:203px;}
#Album li{float:left;margin:1px 1px 0px 0px;display:inline;}
#Album li img{width:50px;height:50px;}
#Album .album_big{float:right;}
#Album .album_big span{width:43px;height:31px;background:url(../you_s.png);position:absolute;right:0px;bottom:0px;margin:0px;padding:0px;text-indent:-999px;overflow:hidden;}
.album_big img{width:101px!important;height:101px!important;}
#Album .album_big a{width:101px!important;height:101px!important;}
#Album li strong{display:block;color:#FFFFFF;font-size:12px;line-height:16px;padding:0px 10px;margin-top:8px;white-space:nowrap;}
#Album li span{display:block;color:#FFFFFF;font-size:12px;line-height:16px;padding:0px 10px;margin-top:5px;white-space:nowrap;}
#Album li a{position:absolute;z-index:100;visibility:hidden;}
#Album li a em{ width:100%;position:absolute;top:0px;left:0px;display:none;opacity:0.5;filter:alpha(opacity=50);background:#000000;}
#Album img{border:0px;border:none;}
#Album .Album_info{display:none;position:absolute;background:#4bae41;z-index:101;-moz-box-shadow:0 0 10px #000000;-webkit-box-shadow:0 0 10px #000000;box-shadow:0 0 10px #000000;}
#Album .Album_info i{font-size:12px;margin-right:5px;font-style:normal;font-weight:normal;}
#online { width: 276px; float: right; border: 1px solid #e5e5e5; height: 201px; }
#online h4 { padding: 5px 10px; font-size: 14px; font-family: 'microsoft yahei'; color: #666; }
#online .post-list li { }
#online .post-list li a { height: 25px; line-height: 25px; display: block; padding: 0 10px; }
.share-our a { border: 1px solid #e5e5e5; background:#FF9900; color: #FFF; display: block; height: 30px; box-shadow: 0 1px 1px rgba(0,0,0,.15); line-height: 30px; margin: 8px 10px 0 10px; text-align: center; }
#online .post-list li.share-our a:hover { }
#online .post-list li a:hover { text-decoration: underline; }
#g-wrap { width: 1000px; display: block; overflow: hidden; margin: 0 auto; font-family: 'microsoft yahei'; clear: both; }
.g-fl, .g-fr { width: 495px; height: 450px; border: 1px solid #e5e5e5; margin-top: 10px; overflow: hidden; }
.g-fl { float: left; }
.g-fr { float: right; }
.header-title { background: #fbfbfb; height: 40px; line-height: 40px; padding: 0 12px; }
.header-title h2 { display: inline-block; width: 380px; float: left; }
.header-title h2 a { display: inline-block; float: left; }
.header-title h2 a.title { font-size: 18px; font-weight: normal; }
.header-title h2 a.title:hover { color: #55a642; text-decoration: underline; }
.header-title h2 a.playAll { width: 100px; height: 25px; background: url(../images/icon-cnwav-index.png) 0 -28px no-repeat; line-height: 25px; margin: 8px 10px; }
.header-title a { float: right; }
.header-title a:hover { text-decoration: underline; }
.ringlist { overflow: hidden; clear: both; }
.ringlist ul li { display: block; height: 40px; line-height:40px; font-size: 14px; border-bottom: 1px dotted #ccc; margin: 0 12px; _margin-top: -5px; *margin-top: -5px; }
.ringlist ul li input.check, .ringlist ul li span, .ringlist ul li a { float: left; }
.ringlist ul li input.check, .ringlist ul li .playVideo { margin-top: 14px; }
.ringlist ul li .ringName { display: inline-block; width: 310px; height: 40px; line-height: 40px; overflow: hidden; }
.ringlist ul li a.ringName:hover { color: #55a642; text-decoration: underline; }
.ringlist ul li a.playVideo { text-indent: -999em; float: left; height: 15px; width: 15px; display: inline; background: url(../images/icon-cnwav-index.png) -45px -54px no-repeat; margin-right: 15px; }
.ringlist ul li a.playVideo:hover { background-position: -65px -54px; }
.ringlist ul li a.downRing { text-indent: -999em; float: left; height: 15px; width: 15px; margin-top: 14px; display: block; background: url(../images/icon-cnwav-index.png) -23px -54px no-repeat; }
.ringlist ul li a.downRing:hover { background-position: 1px -54px; }
.ringlist ul li.last-ring { border-bottom: none; }
.ringlist ul li .songNum { display: inline-block; text-align: center; height: 20px; width: 20px; background: #a0a0a0; color: #FFF; line-height: 20px; margin: 10px 5px 0 5px; }
.ringlist ul li .topRed { background: #cf4141; }
.ringlist ul li .songTime { /*float: right; */width: 70px; overflow: hidden; height: 40px; line-height: 40px; margin-left: 10px;}
.ringlist ul li .singer { width: 100px; overflow: hidden; height: 40px; line-height: 40px; margin-left: 10px;}
.ringlist ul li .special { width: 300px; overflow: hidden; height: 40px; line-height: 40px; margin-left: 10px;}
.playControl { height: 60px; line-height: 60px; width: 100%; margin: 0 auto; text-align: center; }
.playControl a { display: inline-block; width: 100px; height: 30px; line-height: 30px; margin: 5px 0; color: #FFF; padding-left: 6px; }
.playControl a.setSelect { color: #333; }
.playControl a.setPlay { background: url(../images/icon-cnwav-index.png) 0 -70px no-repeat; }
.playControl a.setAddList { background: url(../images/icon-cnwav-index.png) 0 -102px no-repeat; }
/*çƒå›¾æŽ¨è*/
#hot-recommend { display: block; overflow: hidden; width: 1000px; margin: 0 auto; height: 215px; background: #F1F1F1; }
#hot-recommend h2 { padding: 15px 0 0 18px; font-weight: normal; }
#hot-recommend h2 a { font-size: 18px; }
#hot-recommend h2 a:hover { color: #55a642; text-decoration: underline; }
.view-port { overflow: hidden; }
.view-port .item { width: 250px; float: left; }
.view-port .item .img-block { display: block; margin: 15px; overflow: hidden; height: 150px; }
.view-port .item .img-block a { overflow: hidden; display: block; height: 160px; position: relative; }
.view-port .item .img-block a img { display: block; clear: both; width: 228px; height: 128px; }
.view-port .item .img-block .remark { display: block; overflow: hidden; height: 30px; line-height: 30px; position: absolute; width: 220px; z-index: 5; color: #fff; padding: 0; font-size: 14px; font-family: 'microsoft yahei'; margin-top: -8px;/* opacity: 0.8;*/ background: #01ab65;text-align: center; }
/*.view-port .item .img-block a .remark:hover { color: #55a642; text-decoration: underline; }*/
/*.view-port .item .img-block .detail { color: #FFF; position: absolute; z-index: 200000; margin-top: -25px; margin-left: 10px; width: 200px; height: 20px; overflow: hidden; line-height: 20px; }*/
#inlink { width: 1000px; margin: 10px auto 0 auto; border: 1px solid #e5e5e5; }
#inlink .inlink-title { height: 40px; background: #F5F5F5; display: block; line-height: 40px; padding: 0 12px; font-size: 18px; font-family: 'microsoft yahei'; }
#inlink a { color: #FFF; margin: 5px; border-radius: 3px; font-family: 'microsoft yahei'; font-weight: bold; display: inline-block; padding: 5px; }
#inlink a.color1 { background: #428BCA; }
#inlink a.color2 { background: #5CB85C; }
#inlink a.color3 { background: #D9534F; }
#inlink a.color4 { background: #567E95; }
#inlink a.color5 { background: #FF6600; }
#inlink a.color6 { background: #D9534F; }
#inlink a:hover { text-decoration: underline; }
/*å‹æƒ…链接*/
#friend-links { width: 1000px; display: block; border: 1px solid #e5e5e5; margin: 10px auto; overflow: hidden; }
#header-links { height: 40px; background: #F5F5F5; line-height: 40px; padding: 0 12px; font-size: 18px; font-family: 'microsoft yahei'; }
#friend-contents { padding: 5px; overflow: hidden; }
#friend-contents a { display: inline-block; float: left; padding: 5px; color: #333; font-family: 'microsoft yahei'; }
#friend-contents a:hover { text-decoration: underline; }
#g-ft { width: 100%; border-top: 2px solid #01ab65; height: 100px; }
#g-ft-content { width: 1000px; margin: 0 auto; padding: 20px; }
.copyright { width: 350px; margin: 0 auto; }
.copyright a { font-family: 'microsoft yahei'; text-align: center; }
/*·Öҳģ¿é*/
#new_page {height: 40px; width:998px; line-height: 40px; margin: 0 auto;}
.pages_btns {border: 1px solid #CCCCCC; display: inline-block;height: 20px;line-height: 20px;width: 64px;text-align: center; border-radius:4px; font-size: larger; padding: 3px; margin: 0 2px}
.pages_btns_num {width: 30px;}
.page_cur{background:#01ab65;color: #fff;}
/*ad*/
.ad-position { width: 1000px; display: block; clear: both; margin: 0px auto 0; }
.ad-position a { display: block; overflow: hidden; }