@charset "utf-8";

/*****  

common.css for a site or model of womusic

including:layout,table,form, ico,phare, inpages,mods

Version: fl20130902

Author: Feilong & Spring

Author URI: http://feilong.org

*****/







/** navqk **/

.navqkout{width:100%;margin-top:0px; border-bottom:1px solid #ccc;

background-color:#fff;

position:absolute;z-index:95;clear:both;}

.navqk{width:861px;height:40px;line-height:40px;padding-left:139px;

color:#333;font-size:18px;font-family:"Microsoft Yahei";

position:relative;z-index:97;}

.navqk a{margin:0 10px;}

.navqk a.curr{color:#ff8400;}

.qkarr{width:60px;height:30px;

background:url(../images/quarr.png) no-repeat center bottom;

position:absolute;top:-29px;left:280px;}

#woSongCats .navqkout{position:relative; top:0px;}

#woSingers .navqkout{position:relative;top:0px;}

#woSongAlbums .navqkout{position:relative;top:0px;}

#woMV .navqkout{position:relative;top:0px;}



/* big wrap */

.wrap{width:901px;margin-left:auto;margin-right:auto; }

/* middle wrap */

.box{margin-left:auto;margin-right:auto;}

/* little wrap */

.cen{margin-left:auto;margin-right:auto;}

/* neweyes 20140423*/

#neweyes{float:left;padding-top:3px; margin-right:26px;}

#newlogowo{width:220px;height:58px;

background:url(../images/newlogowo.png) no-repeat  0 0;}











/****  layout.including: top, head[so, nav],foot, wrap[main side col box wraptb,tip,para]  ****/





/** top **/

#topout{ width:100%; border-bottom:1px solid #494a46;

background:#EAEAEA;

position: fixed; top:0; left:0; z-index:99;}

#top{height:23px;padding:7px 0;

font-size:12px;position:relative;}



#tips{ float:right;padding-left:3px; line-height:21px;}

.weltxt{color:#808080;}

#tips a{color:#ddd;}

#tips a:hover{color:#fff;cursor:pointer;}



#sites{float:right;padding-left:15px;line-height:21px;

position:relative;}

.sitenow{padding:0 2px;color:#fff;}

.closed{background-image:url(../images/iclosed.png);}

.opened{background-image:url(../images/iopened.png);}



/*pros(2013.10.30)*/

#pros{width:355px; height:108px; padding:18px 0 9px 13px;

color:#4c4c4c;font-size:12px; font-family:"Simsun";

background:url(../images/pros.png);

position:absolute;top:20px;right:-127px;z-index:199;}

.prosarr{ display:block;width:35px; height:9px;

background:url(../images/prosarr.png);

position:absolute;top:2px;right:120px;z-index:199;}

.pros{ margin-top:4px;max-width:355px;margin-left:15px}

.pro{ display:inline-block;*display:inline;*zoom:1;width:36px; line-height:17px;margin:0 4px 7px 0;}

a.pro:hover{ text-decoration:underline;cursor:pointer; }

a.procurr{color:#f60;}





#cuts{float:right;padding-right:3px;line-height:21px;}

#cuts a{color:#bbb; margin-right:5px;}

#cuts a:hover{color:#fff;cursor:pointer;}

a.iwowb{background-image:url(../images/iwowb.png);background-position:right center; padding-right:26px;}





/*waiting for use*/

.draw{padding:0 20px 0 2px;color:#5c454b;cursor:pointer;background-color:#da81df;

background-repeat:no-repeat;background-position:30px center;}

.closed2{background-image:url(../images/iclosed2.png);}

.opened2{background-image:url(../images/iopened2.png);}











/** head **/

#headout{margin-top:38px;

background:url(../images/headbg.png) repeat-x  0 0;

position:relative;z-index:95; }

#head{height:63px;position:relative;z-index:95; }



/* eyes */

#eyes{float:left;padding-top:3px; margin-right:30px;}

#logowo{width:108px;height:50px;

background:url(../images/logowo.png) no-repeat  0 0;}







/* navtop */

#navtop{float:left;height:50px;margin-top:13px;}/*20131018*/

#navtop li{float:left;height:50px;}



/*#navtop li a{display:block;height:50px;line-height:26px;padding:0 13px;

color:#fff;font-size:18px; font-family:"Microsoft Yahei";}*/ /*20131023*/



#navtop li a{display:block;height:50px;line-height:30px;padding:0 13px;

color:#fff;font-size:18px; font-family:"Microsoft Yahei";} /*20131023*/



#navtop li.flhover a,#navtop li.curr a{ color:#ff8400;}



/**special form: topso=tso **/

#topsearch{float:right;margin-top:15px;}

.topso{position:relative; z-index:5;}

.tsobg{width:198px;height:30px;

background:url(../images/topsobg.png) no-repeat 0 0;}

.tsowho{width:46px; padding-left:16px;border:none;border-right:1px solid #ccc;margin-top:4px;

color:#666; font-size:12px;cursor:pointer;background:url(../images/tsodown.png) no-repeat 46px 4px;+margin-top:0px;}

.tsoall{width:51px;padding:15px 0 11px 0;

background:url(../images/tsoallbg.png) no-repeat 0 0;

position:absolute; left:3px; top:31px;}

.tsob{display:block;line-height:20px;

color:#444;text-align:center;cursor:pointer;}

.tsotxt{width:153px;height:18px;line-height:18px;padding:6px 3px 6px 10px;border:0;color:#111;background:none;}

.tsobtn{width:26px;height:26px;border:0;cursor:pointer;

background:url(../images/tsobtn.png) no-repeat center center;}

.tsotxt:focus{ outline:none;}





/** headedge **/

#headedge{height:5px; margin-bottom:-3px;background:url(../images/headedge.png) no-repeat  0 0;}











/** hotbar **/

#hotbarout{border-bottom:1px solid #fff;

background:url(../images/navhere.png) repeat-x 0 bottom;}

#hotbar{height:41px;line-height:40px;

color:#333;font-size:18px;font-family:"Microsoft Yahei";}

#hotsale{padding-left:2px;}

/*#hotsale a{margin:0 10px; color:#ff8400;}*//*20131023*/

#hotsale a{margin:0 20px 0 0; color:#ff8400;}/*20131023*/

#hotsale a:hover{color:#F30;}







/* so */

#so{float:left;padding:22px 0 0 12px;}

#sop{width:444px;height:30px;padding-top:1px;background:url(../images/sop.png) no-repeat 0 0;}

.sokeys{width:290px;height:20px;line-height:20px;padding:4px 8px;border:none;color:#111;background:none;}

.socity{width:70px;background:none;color:#111;padding:2px 4px;border-width:0 2px 0 0; border-color:#ccc; border-style:solid;}

.sogo{width:42px;height:28px;border:none;cursor:pointer;background:none;}













/** foot **/

#footout{background-color:#212121;}

#foot{padding:18px 0;}



/*footmenu*/

#footmenu{float:left; padding:1px 0 0 10px;}

#footmenu li{float:left;width:110px;height:130px;padding-left:40px;

background:url(../images/footgap.png) no-repeat right 0;}

#footmenu li span{ display:block;line-height:30px;color:#ccc; font-size:14px;}

#footmenu li li{float:none;width:auto; height:22px; line-height:22px;margin-right:2px;padding-left:0;

background:none;}

#footmenu a{color:#999;}

#footmenu a:hover{color:#eee;}



/*partners*/

#footparts{float:left;width:350px;height:130px;padding:1px 0 0 30px;

background:url(../images/footgap.png) no-repeat right 0;}

.partit{display:block;line-height:30px;color:#ccc; font-size:14px;}

.parts a{display:block;float:left;width:85px;height:22px; line-height:22px;margin:0 2px 2px 0;

color:#999;}

.parts a:hover{color:#eee;}.parts a:visited{color:#999;}

#ewmwo{ float:left;width:110px;height:110px;padding:6px 0 0 30px;}





/** tail **/

#tailout{background-color:#0f0f0f;}

#tail{padding:13px 0;}

#copyright{ line-height:20px;color:#999;text-align:center; letter-spacing:1px;}

#copyright a{color:#999;}

#copyright a:hover{color:#eee;}

/** wrap, main side, col **/







/** wrap2 for layout,except homepage,province and cpanel pages**/

.wrap2{width:970px; padding:15px 10px;margin:0 auto 0 auto; background:#fff;}

.wrap2{overflow:hidden;zoom:1;}

.wrap2:after{content:'';display:block;height:0;clear:both;visibility:hidden;}



/* main side */

.main{float:left;width:700px;}

.side{float:right;width:284px; margin-top:40px;}



/* main2 side2 */

.main2{float:right;width:784px;}

.side2{float:left;width:200px;}



/* main3 side3 */

.main3{float:right;width:710px; margin-bottom:16px;margin-right:1px;}

.side3{float:left;width:245px;margin-bottom:16px;}



/* col2 2x+3y=100,x>y>0 */

.col2a{float:left;width:41%;margin-left:6%;}

.col2b{float:left;width:44%;margin-left:4%;}

.col2c{float:left;width:47%;margin-left:2%;}

.col2d{float:left;width:48%;margin-left:1.33%;}

.col2e{float:left;width:48.5%;margin-left:1%;}



.col2l{float:left;width:48%;padding-left:1.33%;}

.col2r{float:right;width:48%;padding-right:1.33%;}











/* col3 3x+4y=100,x>y>0 */

.col3a{float:left;width:33%;margin-left:0.25%;}

.col3b{float:left;width:32%;margin-left:1%;}

.col3d{float:left;width:31%;margin-left:1.75%;}

.col3e{float:left;width:30%;margin-left:2.5%;}

.col3f{float:left;width:29%;margin-left:3.25%;}

.col3g{float:left;width:28%;margin-left:4%;}

.col3h{float:left;width:27%;margin-left:4.75%;}

.col3i{float:left;width:26%;margin-left:5.5%;}

.col3j{float:left;width:25%;margin-left:6.25%;}

.col3k{float:left;width:24%;margin-left:7%;}

.col3l{float:left;width:23%;margin-left:7.75%;}

.col3m{float:left;width:22%;margin-left:8.5%;}

.col3n{float:left;width:21%;margin-left:9.75%;}

.col3o{float:left;width:20%;margin-left:10%;}

.col3p{float:left;width:19%;margin-left:10.75%;}

.col3q{float:left;width:18%;margin-left:11.5%;}

.col3r{float:left;width:17%;margin-left:12.25%;}





.col3l{float:left;width:48%;padding-left:1.33%;}

.col3c{float:left;width:48%;padding-left:1.33%;}

.col3r{float:right;width:48%;padding-right:1.33%;}









/****  table. shape, gray, color, text-align ****/

.tbwrap{}



/**table shape**/

.tb{width:100%;border-width:1px 0 0 1px;border-style:solid;color:#666;font-size:14px;}

.tb th{padding:5px;border-width:0 1px 1px 0;border-style:solid;line-height:20px;white-space: nowrap;}

.tb td{padding:5px;border-width:0 1px 1px 0;border-style:solid;line-height:20px;}



/**table default solid **/

.tb,.tb th,.tb td{border-color:#E6E6E6;}

.tb th{background-color:#F7F7F7;}

.tb tr.odd td{background:#F3F4F5;}

.tb tr.even td{background:#fff;}



/**table 2  solid colorful**/

.tb2,.tb2 th,.tb2 td{border-color:#d7e8ff;}

.tb2 th{background:#d7e8ff;}

.tb2 tr.odd td{background:#ebf0f9;}

.tb2 tr.even td{background:#fff;}



/**table 3 dashed **/

.tb3,.tb3 th,.tb3 td{border-color:#ccc;border-style:dashed;color:#999;}

.tb3 th{background:#fff;}

.tb3 tr.odd td{background:#fff;}

.tb3 tr.even td{background:#fff;}



/**table 4 dashed  colorful **/

.tb4,.tb4 th,.tb4 td{border-color:#d7e8ff;border-style:dashed;}

.tb4 th{background:#d7e8ff;}

.tb4 tr.odd td{background:#e2f1f3;}

.tb4 tr.even td{background:#fff;}



/**table 5 dotted  nocol **/

.tb5{border-width:1px 0 0 0;border-style:dotted;color:#555; font-family:"Simsum";}

.tb5 th,.tb5 td{padding-left:5px;padding-right:5px;border-color:#ccc;border-right-width:0;border-style:dotted;}

.tb5 th{background:#F7F7F7;}

.tb5 td{font-size:12px;}

.tb5 tr:hover td{background-color:#f7f7f7;}

.tb5p th,.tb5p td{padding-top:5px;padding-bottom:5px;}





/**table 6 dotted  nocol has outline**/

.tb6{border-width:1px 1px 0 1px;color:#555; font-family:"Simsum";}

.tb6 th,.tb6 td{border-color:#ccc;border-right-width:0;border-style:dotted;}

.tb6 th{background:#F7F7F7;}

.tb6 tr.odd td{background:#fff;}

.tb6 tr.even td{background:#fff;}

.tb6 tr:hover td{background-color:#f9f9f9;}



/*default is center left */

.tbl th{text-align:left;}/*left left*/

.tbc td{text-align:center;}/*center center*/

.tbr th{text-align:right; background-image:none;}/*right left*/







/**** paragraph ****/

.para{}

.para h4{height:20px;line-height:20px; padding-left:6px;border-left:5px solid #ff8400;

color:#333;font-size:18px;font-family:"Microsoft Yahei";}

.para p{line-height:20px;margin-top:8px;}



.note{}

.note p{line-height:34px;}











/****  form. including: form>p, button, input[text], textarea  ****/



.fieldset p{line-height:22px;margin-top:9px;

color:#666;font-size:14px;

position:relative;z-index:1;}

input[disabled]{color:#ccc;}

.errpop { padding:3px;border-radius:2px; box-shadow:0px 0px 1px #f00;

color: red; font-size: 14px;background-color:#fff;

position:absolute; left:100px; top:-16px; z-index:10;}

.erris{border:1px solid #f00 !important;}

.error{ font-size:12px;}







/*** buttons ***/



/** common buttons **/

/* btn fix */

.btn{display:inline-block;*display:inline;*zoom:1;margin-top:3px;margin-bottom:3px;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;-ms-box-sizing:content-box;box-sizing:content-box;

vertical-align:middle;text-decoration:none!important;text-align:center;

background-image:url(../images/btnbg.png);background-repeat:repeat-x;background-position:center 0;}

.btn:hover{background-position:center -40px;}

.btn:active,.btn.active{background-position:center -48px;

box-shadow:0 1px 1px rgba(34, 25, 25, 0.2);}

/* btn size */

.btn0{padding:0 3px;height:17px;line-height:17px;}

.btn1{padding:1px 3px;height:17px;line-height:17px;}

.btn2{padding:2px 3px;height:17px;line-height:17px;letter-spacing:1px;}

.btn3{padding:3px 3px;height:19px;line-height:19px;letter-spacing:1px;}

.btn4{padding:4px 4px;height:19px;line-height:19px;letter-spacing:1px;}

.btn5{padding:5px 5px;height:21px;line-height:21px;letter-spacing:1px;}

.btn6{padding:6px 6px;height:21px;line-height:21px;letter-spacing:1px;}

/* btn color */

.btna{border:1px solid #ccc;color:#666!important;

background-color:#eee;cursor:pointer;}/*gray*/

.btnb{border:1px solid #66cc00;color:#fff!important;

background-color:#66cc00;cursor:pointer;}/*green*/

.btnc{border:1px solid #f00;color:#fff!important;

background-color:#f00;cursor:pointer;}/*red*/

.btnd{border:1px solid #f60;color:#fff!important;

background-color:#ff8400;cursor:pointer;}/*yellow*/

.btne{border:1px solid #09F;color:#fff!important;

background-color:#09F;cursor:pointer;}/*blue*/

.btnz{border:1px solid #ddd;color:#999!important;

background-color:#eee;cursor: default;}/*no btn*/



/** bti=buttons with special background image **/

.bti{display:inline-block;*display:inline;*zoom:1;

vertical-align:middle;text-decoration:none!important;cursor:pointer;

background-repeat:no-repeat;background-position:0 0;text-align:center;}

/* bti apps */

.btia{width:132px;height:41px;line-height:39px;

border:none;color:#fff!important;font-size:16px;letter-spacing:1px;

background-image:url(../images/btia.png);}







/** input[text] **/

/* ipt fix */

.ipt{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;

-moz-box-sizing: content-box;-webkit-box-sizing: content-box;-ms-box-sizing:content-box;box-sizing:content-box;

box-shadow: 0 0px 1px 1px rgba(180, 180, 180, 0.2) inset;}

/* ipt size */

.ipt1{padding:1px 1px;height:17px;line-height:17px;}

.ipt2{padding:2px 2px;height:17px;line-height:17px;letter-spacing:1px;}

.ipt3{padding:3px 3px;height:19px;line-height:19px;letter-spacing:1px;}

.ipt4{padding:4px 4px;height:19px;line-height:19px;letter-spacing:1px;}

.ipt5{padding:4px 5px;height:21px;line-height:21px;letter-spacing:1px;}

.ipt6{padding:4px 6px;height:23px;line-height:23px;letter-spacing:1px;}

/* ipt color */

.ipt:focus{border:1px solid #ff8400;}

.ipta{border:1px solid #ccc;color:#999!important;

background-color:#fff;}/*gray*/

.iptb{border:1px solid #66cc00;color:#fff!important;

background-color:#fff;}/*green*/

.iptc{border:1px solid #f00;color:#fff!important;

background-color:#fff;}/*red*/

.iptd{border:1px solid #f60;color:#fff!important;

background-color:#fff;}/*yellow*/

.ipte{border:1px solid #06C;color:#fff!important;

background-color:#fff;}/*blue*/

.ipt0{border:1px solid #ddd;color:#ddd!important;

background-color:#fff;cursor: not-allowed;}/*ipt disabled*/





/** input[checkbox] **/

.iptck{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;

background-repeat:no-repeat; background-position:0 0;}



/** special input**/

.iptdp{line-height:30px;padding:8px;font-size:14px;letter-spacing:1px;

border:1px solid #ccc;color:#999;background:#fff;}









/** select **/





/** textarea **/

/* textarea fix */

.tarea{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;

background-repeat:no-repeat; background-position:0 0;}

/* textarea size */

.tarea{line-height:17px;padding:2px 2px;font-size:12px;letter-spacing:1px;}

.tarea14{line-height:19px;padding:2px 2px;font-size:14px;letter-spacing:1px;}

/* textarea color */

.tarea{border:1px solid #ccc;color:#494B53;

background:#fff;}

.tarea:focus{border:1px solid #f60;}

.tareaa{border:1px solid #ff9422;color:#fff;

background:#ff9422;}





/** file upload **/

.fileshape{display:inline;position:relative;z-index:9; }

.fileurl{color:#F90;position:relative;z-index:30;}

.filebtn{position:relative;z-index:38;}

.file{cursor:pointer;position:absolute;top:0;left:0;z-index:100;

filter:alpha(opacity=0);opacity:0;}





/** checkbox or radio**/

.wrapscls{line-height:35px; }

.sclses{ color:#8b7bab; font-size:17px;}

.cklbl{width:74px;height:29px; line-height:29px; padding-left:25px;

font-size:14px;text-align:left;

cursor:pointer;background:url(../images/scls.png) no-repeat 0 0;}



.ckwrap{background-repeat:no-repeat;background-position:0 center;background-image:url(../images/ckoff.png);}

.ckon{background-image:url(../images/ckon.png);}

.ckipt{filter:alpha(opacity=0);opacity:0;}



#xqckpop{width:648px;height:auto; padding:15px 0px 15px 15px; margin:0 10px;border:1px solid #ccc;

text-align:left;

background:#f2f2f2;position:absolute; left:0px; bottom:69px;

z-index:99;}

.ckshut{ cursor:pointer;position:absolute; right:12px; top:0px;}



/**letgo **/

#letgo{padding:18px 18px 28px 18px;border-top:1px solid #fff;margin-left:auto; margin-right:auto;

text-align:center;clear:both;}













.tb7so{float:right;margin:10px 9px 0 0;}



/*20131022 start*/



/**table 7 dotted  nocol 2**/

.tb7{border-width:1px 0 0 0;border-style:dotted;color:#555;}

.tb7 th,.tb7 td{padding-left:5px;padding-right:5px;border-color:#ccc;border-right-width:0;border-style:dotted;}

.tb7 th{background:#F7F7F7;}

.tb7 td{}

.tb7 tr:hover td{background-color:#f7f7f7;}

.tb7p th,.tb7p td{padding-top:8px;padding-bottom:8px;}



/**inpages 2**/

.inpages2{display:block;word-wrap:break-word;overflow:hidden;}

.inpages2 a,.inpages2 span,.inpages2 input{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;

background-repeat:no-repeat; background-position:0 center;}

.inpages2 a{padding:2px 8px;margin:0 4px 0 0;

color:#333;font-size:18px; font-weight:400;text-decoration:none;

background:none; }

.inpage2s a:hover{color:#fff;

background:#ff8400; border-radius:3px;}

.inpages2 a.curr{color:#fff;

background:#ff8400; border-radius:3px;}



/*20131022 end*/







/*** icons ***/



/** icos by padding-left **/

/* ico fix */

.ico{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;

text-decoration:none!important;cursor:pointer;

background-repeat:no-repeat;background-position:1px center;}

/* ico size */

.i17{height:17px;line-height:17px;padding-left:17px;}/*14~16*/

.i19{height:19px;line-height:19px;padding-left:19px;}/*16~18*/

.i21{height:21px;line-height:21px;padding-left:21px;}/*18~20*/

.i36{height:36px;line-height:36px;padding-left:36px;}/*36*/



/** icw=icons by width = pure icon inserted **/

.icw{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;

text-decoration:none!important;text-align:center;

background-repeat:no-repeat;background-position:center center;}

/* ici size */

.iw17{width:17px;height:17px;}

.iw19{width:19px;height:19px;}

.iw21{width:21px;height:21px;}

.iw36{width:36px;height:36px;}



.iw42{width:42px;height:42px;}/*20131022*/











/** icon samples 17 **/

#lyh .iting:hover,#lyhgd .iting:hover{background-image:url(../images/iting5.png);}/*20131022*/

#lyh .iding:hover,#lyhgd .iding:hover{background-image:url(../images/iding5.png);}/*20131022*/





.iuser{background-image:url(../images/iuser.png);}

.iuser5{background-image:url(../images/iuser5.png);}



.imvplay{background-image:url(../images/mvplay.png);}

.imvplay:hover,.imvplay.over{background-image:url(../images/mvplay_over.png);}

.iting{background-image:url(../images/iplay.png);}

.iting:hover,.iting.over{background-image:url(../images/iplay_over.png);}

.ixiang{background-image:url(../images/ixiang.png);}

.ixiang:hover,.ixiang.over{background-image:url(../images/ixiang_over.png);}

.ixiang5{background-image:url(../images/ixiang5.png);}

.icang{background-image:url(../images/icang.png);}

.icang5{background-image:url(../images/icang5.png);}

.icang:hover,.icang.over{background-image:url(../images/icang_over.png);}

.idown{background-image:url(../images/idown.png);}

.idown:hover,.idown.over{background-image:url(../images/idown_over.png);}

.iding{background-image:url(../images/iding.png);}

.iding5{background-image:url(../images/iding5.png);}

.iding:hover,.iding.over{background-image:url(../images/iding_over.png);}



/**20140421 start*/

.iadd{background-image:url(../images/iadd.png);}

.iadd:hover,.iadd.over{background-image:url(../images/iadd_over.png);}

/**20140421 end*/

.iplay{background-image:url(../images/iplay.png);}

.iplay:hover{background-image:url(../images/iplay_over.png);}

.iplay2{background-image:url(../images/ipause2.png);}

.iplay5{background-image:url(../images/iplay5.png);}

.iplay2ing{background-image:url(../images/iplaying2.gif);}



.iclosed2{background-image:url(../images/iclosed2.png);}

.iopened2{background-image:url(../images/iopened2.png);}



.iyou{background-image:url(../images/iyou.png);}

.iset{background-image:url(../images/iset.png);}

.idel{background-image:url(../images/idel.png);}

.iring{background-image:url(../images/iring.png);}



.idot2{background-image:url(../images/idot2.png);}

.idot2g{background-image:url(../images/idot2g.png);}

.ipen{background-image:url(../images/ipen.png);}

.iplus2{background-image:url(../images/iplus2.png);}/*20121023*/



.igear{background-image:url(../images/gear.png);}

/*.igear:hover{background-image:url(../images/gear_over.png);}*/





/** icon samples 19 **/

.iplay3{background-image:url(../images/iplay3.png);}

.imv{background-image:url(../images/mvico.png);}



/** icon samples 21 **/

.iback{background-image:url(../images/iback.png);}/*20131022*/

.iplay6{background-image:url(../images/iplay6.png);}

.iting3{background-image:url(../images/iting3.png);}

.iring6{background-image:url(../images/iring6.png);}





/** icon samples 36 **/

.ino1{background-image:url(../images/ino1.png);color:#fff;line-height:31px;}

.ino2{background-image:url(../images/ino2.png);color:#fff;line-height:31px;}

.ino3{background-image:url(../images/ino3.png);color:#fff;line-height:31px;}

.ino4{background-image:url(../images/ino4.png);color:#fff;line-height:36px;}

.ino5{background:#ff8400;color:#fff;}

.iplay4{background-image:url(../images/iplay4.png);}

.ixiang4{background-image:url(../images/ixiang4.png);}

.igear4{background-image:url(../images/gear4.png);}

.idel4{background-image:url(../images/idel4.png);}

.ixiang4:hover{background-image:url(../images/ixiang4_over.png);}

.igear4:hover{background-image:url(../images/gear4_over.png);}

.idel4:hover{background-image:url(../images/idel4_over.png);}



/** icon samples 42 **/

.iplay7{background-image:url(../images/iplay7.png);}/*20131022*/



.iting5{background-image:url(../images/iting5.png);}

.iting9{background-image:url(../images/iting9.png);}



/** special icons: inserted in a block/inlineblock area of special size **/

.idot1{padding-left:12px;background:url(../images/dot1.png) no-repeat 3px center;}

.isanj{padding-left:12px;background:url(../images/isanj.png) no-repeat 0 center;}

.hoting{background:url(../images/hoting.png) no-repeat 0 0;}

.ended{background:url(../images/ended.png) no-repeat 0 0;}

.wologo2{background:url(../images/wologo2.png) no-repeat center center;}

.regok{width:36px;height:36px;background:url(../images/regok.png) no-repeat center center;}

.regirr{width:36px;height:36px;background:url(../images/regirr.png) no-repeat center center;}

.tohere{width:36px;height:56px;background:url(../images/tohere.png) no-repeat bottom right;}



/**** phare ****/

#phareout{clear:both;}

#phare{height:41px;line-height:39px;font-size:14px;}/*20131023*/

#woSongCats #phareout,

#woSingers #phareout,

#woSongAlbums #phareout,

#woMV #phareout{background:none; border:0;}











/****  inpages bar ****/



/*inpages*/

.inpages{display:block;word-wrap:break-word;overflow:hidden;}

.inpages a,.inpages span,.inpages input{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;

background-repeat:no-repeat; background-position:0 center;}



.inpages a{padding:2px 8px;border:1px solid #ccc;margin:0 4px 0 0;

color:#333;font-size:12px;text-decoration:none;

background:#eee; }

.inpages a:hover{border:1px solid #ccc;color:#f60;

background:#fff;}

.inpages a.curr{border:1px solid #fff;color:#f60;

background:#fff;}

	

/*acpages*/

.acs{padding:1px 0 0 4px;}





#topicpages{float:right;width:800px;padding:15px 0 50px 0;}









/****  mods****/



/**mod outof index.html **/

.mod{}

.mod h3{display:block;height:44px;border-bottom:2px solid #ccc;}

.tit{display:block;float:left;line-height:44px;padding:0 2px;border-bottom:2px solid #ff8400;margin-right:15px;

color:#ff8400;font-size:24px;font-family:"Microsoft Yahei";letter-spacing:1px;}

.titsub{display:block;float:left;line-height:34px;padding:10px 2px 0 2px; margin:0 3px;

color:#666;font-size:14px;font-family:"Microsoft Yahei";letter-spacing:1px; cursor:pointer;}

.titsubcurr{color:#ff8400; cursor:default;}

.titsub:hover{color:#ff8400;}

.mor{display:block;float:right;line-height:30px;padding:14px 1px 0 2px;

color:#ff8400 !important;font-size:14px;letter-spacing:1px;}

.cot{}







/**mod2 outof songs-cats.html **/

.mod2{}

.mod2 h3{display:block;height:34px;border-bottom:1px solid #ccc;}

.tit2{display:block;float:left;line-height:34px;padding:0 2px;border-bottom:1px solid #ff8400;margin-right:15px;

color:#ff8400;font-size:16px;font-family:"Microsoft Yahei";letter-spacing:1px;}

.tit2sub{display:block;float:left;line-height:24px;padding:10px 2px 0 2px; margin:0 12px;

color:#666;font-size:14px;font-family:"Microsoft Yahei";letter-spacing:1px; cursor:pointer;}

.tit2subcurr{color:#ff8400;cursor:default;}

.mor2{display:block;float:right;line-height:20px;padding:14px 1px 0 2px;

color:#ff8400 !important;font-size:14px;letter-spacing:1px;}

.cot2{clear:both;}



.mod2 h2{display:block;height:34px;border-bottom:1px solid #fff;}

.tit2s{display:block;float:left;line-height:34px;padding:0 2px;border-bottom:1px solid #fff;margin-right:15px;

color:#6666;font-size:15px;font-family:"Microsoft Yahei";letter-spacing:1px;}







/**mod3a outof songalbum.html **/

.mod3a{}

.mod3a h3{height:33px;border:1px solid #ccc;border-bottom:1px solid #ccc;

background:url(../images/gr10.png) repeat-x 0 bottom;}

.tit3a{display:block;float:left;height:32px;line-height:32px;padding:1px 30px 0 30px;border-right:1px solid #ccc;

color:#666 !important;font-size:14px;letter-spacing:1px;cursor:pointer;

position:relative;}

.tit3anow{border-bottom:1px solid #fff;

color:#ff8400 !important;cursor:default;

background-color:#fff;}

.cota3{clear:both;}



.mod3a h2{ height:33px;background-color:#FCFCFC;border-bottom:1px solid #F4F4F4;}

.tit3a2{display:block;float:left;height:32px;line-height:32px;padding:1px 30px 0 12px;color:#6C6C6C;font-size:14px; font-weight:700;letter-spacing:1px;

position:relative;}



/**mod3b outof userFavor.html **/

.mod3b{}

.mod3b h3{height:34px;border:1px solid #ccc;border-bottom:0px solid #ccc;

background:url(../images/gr1.png) repeat-x 0 bottom;}

.tit3b{display:block;float:left;height:32px;line-height:32px;padding:1px 30px 0 30px;border-right:1px solid #ccc;

color:#fff !important;font-size:14px;letter-spacing:1px;cursor:pointer;

position:relative;}

.tit3bnow{border-bottom:1px solid #fff;

color:#ff8400 !important;cursor:default;

background-color:#fff;}

.cotb3{clear:both;}



/**mod3 outof singer.html **/

.mod3{}

.mod3 h3{height:34px;border-left:1px solid #ccc;}

.tit3{display:block;float:left;width:19.8%;height:32px;line-height:32px;padding:1px 0 0 0;

border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;

color:#666;font-size:14px; text-align:center;letter-spacing:1px;cursor:pointer;

background:url(../images/gr10.png) repeat-x 0 bottom;

position:relative;}

.tit3now{border-bottom:1px solid #fff;

color:#ff8400; font-weight:600;cursor:default;

background:#fff;}

.cot3{clear:both;}





/**mod4 outof mylog.html **/

.mod4{}

.mod4 h3{height:34px;border-left:1px solid #ccc;}

.tit4{display:block;float:left;width:24.7%;height:32px;line-height:32px;padding:1px 0 0 0;

border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#f5f5f5;

color:#666;font-size:14px; text-align:center;letter-spacing:1px;cursor:pointer;

position:relative;}

.tit4noclick{display:block;float:left;width:24.7%;height:32px;line-height:32px;padding:1px 0 0 0;

border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#f5f5f5;

color:#666;font-size:14px; text-align:center;letter-spacing:1px;cursor:pointer;

position:relative;}

.tit4now{border-bottom:1px solid #fff;

color:#ff8400;cursor:default;

background-color:#fff;}

.cot4{clear:both;}





.tit4s{display:block;float:left;width:24.7%;height:32px;line-height:32px;padding:1px 0 0 0;

border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#f5f5f5;

color:#666;font-size:12px; text-align:center;letter-spacing:1px;cursor:pointer;

position:relative;}

.tit4snow{border-bottom:1px solid #fff;

color:#ff8400;cursor:default;

background-color:#fff;}



.tit45{display:block;float:left;width:33%;height:32px;line-height:32px;padding:1px 0 0 0;

border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;background:#f5f5f5;

color:#666;font-size:14px; text-align:center;letter-spacing:1px;cursor:pointer;

position:relative;}

.tit45now{border-bottom:1px solid #fff;

color:#ff8400;cursor:default;

background-color:#fff;}





/**mod5 outof mylog.html **/

.mod5{}

.mod5 h2{font-size:18px; font-family:"Microsoft YaHei";background:#222;}

.tit5{display:block;float:left;line-height:43px;padding-left:20px;

color:#ddd;letter-spacing:2px;}

.mor5{display:block;float:right;line-height:43px;padding-right:12px;

color:#fff;font-size:18px; cursor:pointer;}

.cot5{clear:both;background-color:#fff;}

.cot5:before,.cot5:after{display:table;line-height:0;content:' ';}

.cot5:after{clear:both;}

.cot5{*zoom:1;}











/**mod6 outof myreg.html **/

.mod6{}

.mod6 h3{height:35px;padding:6px 0 0 6px;border:1px solid #ccc;

background:url(../images/gr1.png) repeat-x 0 bottom; clear:both;}

.tit6{display:block;float:left;height:35px;line-height:33px;padding:0 18px; 

color:#666;font-size:18px;font-family:"Microsoft Yahei";text-align:center;letter-spacing:1px;cursor:pointer;

position:relative;}

.tit6now{height:34px;line-height:31px;padding:0 17px; border-width:1px;border-style:solid; border-color:#ccc #ccc #fff #ccc;

color:#ff8400;cursor:default;

background-color:#fff;}

.cot6{clear:both;}





/**mod7 outof mycbrt.html **/

.mod7{}

.mod7 h3{height:34px;background:url(../images/gr10.png) repeat-x 0 bottom;}

.cot7 h3{background:none;}

.tit7{display:block;float:left;width:16.5%;height:32px;line-height:32px;padding:1px 0 0 0;

border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;

color:#666 !important;font-size:14px; text-align:center;letter-spacing:1px;cursor:pointer;

position:relative;}

.tit7now{border-bottom:1px solid #fff;

color:#ff8400 !important;cursor:default;

background:#fff;}

.tit70{border-left:1px solid #ccc;}

.cot7{clear:both;}



/*20131020 14:23 start */

 

/**mod8 outof gaoqing.html **/

.mod8{}

.mod8 h3{height:42px;line-height:42px; margin:25px 0;

font-family:"Microsoft YaHei";}

.tit8{display:block;float:left;padding-left:1px;

color:#333;font-size:30px;text-align:center;letter-spacing:1px;cursor:pointer;

position:relative;}

.mor8{float:right; margin-top:5px;color:#999;font-size:18px;cursor:pointer;}

.cot8{}





.mod9{}

.mod9 h3{display:block;height:38px;border-bottom:2px solid #ccc;}

.tit9{display:block;float:left;line-height:38px;padding:0 2px;border-bottom:2px solid #ff8400;margin-right:15px;

color:#ff8400;font-size:18px;font-family:"Microsoft Yahei";letter-spacing:1px;}

.tit9sub{display:block;float:left;line-height:36px;padding:0 2px 0 2px; margin:0 3px;

color:#666;font-size:14px;font-family:"Microsoft Yahei";letter-spacing:1px; cursor:pointer;}

.tit9subcurr{color:#ff8400; cursor:default;}

.mor9{display:block;float:right;line-height:30px;padding:8px 1px 0 2px;

color:#FF8400 !important;font-size:14px;letter-spacing:1px;}

#ping1 .mod9,#ping2 .mod9{ width:320px;}

#rankgd{ float:right;width:800px;padding-left:25px;border-left:1px solid #ccc; margin-top:25px;}

#rankgd .mod9{ width:390px; margin-bottom:14px;}

#rankgd2{ float:right;width:800px;padding-left:25px;border-left:1px solid #ccc; margin-top:25px;}

#page{ float:right;width:800px;padding-left:25px;border-left:1px solid #ccc; margin-top:25px;}





/*20131020 14:23 end*/





/**group1 outof mycbrt.html **/

.gp1{height:auto;}

.gt1{display:block;float:left;line-height:26px;padding:1px 10px 0 10px;

border-top:1px solid #ddd;border-bottom:1px solid #ddd;border-right:1px solid #ddd;

background:url(../images/gr10.png) repeat-x 0 bottom;

color:#999 ;font-size:14px; text-align:center;cursor:pointer;

position:relative;}

.gt1now{color:#fff;cursor:default;

background-image:url(../images/btnbg.png);background-repeat:repeat-x;background-position:center -1px;

background-color:#ff8400;}

.gt10{border-left:1px solid #ddd;}





/**share pops **/

/* icos */

.ish{display:inline-block;*display:inline;*zoom:1;

height:16px;padding-left:18px;vertical-align:middle;cursor:pointer;

background-image:url(../images/share.png);background-repeat:no-repeat;}

.idb{background-position:1px 1px;}/*douban*/

.iq{background-position:0 -24px;}/*qq*/

.iqz{background-position:0 -50px;}/*qone*/

.irr{background-position:0 -74px;}/*renren*/

.isnwb{background-position:0 -99px;}/*sinaweibo*/

.itxwb{background-position:0 -124px;}/*tengxunweibo*/

.iwx{background-position:0 -149px;}/*weixiin*/

/* shape and position: shpopx, for rank.html and index.html */

.shpopx{display:inline-block;*display:inline;*zoom:1; line-height:17px;padding:2px 6px;/*20131020*/

color:#666;vertical-align:middle;

background-color:#fff;}

.sharrx{display:block;width:160px;height:10px;margin-left:-80px;

background:url(../images/arrbot.png) no-repeat center center;

position:absolute;left:50%;bottom:-10px;}



.shposx1{position:absolute;right:-29px;top:-20px;z-index:7;}

.shposx2{position:absolute; bottom:20px; right:-17px;}/*20131030*/

.shposx3{position:absolute;margin: -53px 0px 0px -20px;z-index:7;}

.shposx4{position:absolute; bottom:22px; right:19px;}/*20131030*/

.shposx5{position:absolute; bottom:21px; right:-10px;}/*20131030*/

.shposx6{position:absolute; bottom:35px; right:361px;}/*20131031*/

.shposx7{position:absolute; bottom:60px; right:361px;}/*20131101*/

.shposx8{position:absolute; bottom:20px; right:27px;}/*20131101*/

.shposx9{position:absolute; bottom:20px; right:-7px;}

.shposx10{position:absolute; bottom:30px; right:-48px;}

.shposx11{position:absolute; bottom:5px; right:27px;}





/**pop1**/  /*20131023 start*/

.pop1{display:block; line-height:17px;padding:2px 6px;

border:1px solid #aaa !important;

color:#111; font-size:12px;vertical-align:middle;

background-color:#fff; position:relative;}

.pop1 .arr{display:block;width:100%;height:10px;

background: url(../images/arrbot.png) no-repeat center center;

position:absolute;left:0;bottom:-10px;}

.pop1icb{display:block; float:left;width:2em; height:22px;line-height:22px;overflow:hidden; padding-left:20px;margin:0 5px;cursor:pointer;

background-image: url(../images/pop12.jpg); background-repeat:no-repeat; background-position:2px center}

.pop1icb.first{background-image: url(../images/pop11.png) !important;}



.popos1{ position: absolute; bottom:18px; left:50%; margin-left:-40px;}

.popos2{ position: absolute; bottom:18px; right:0;}

.popos3{ position: absolute; bottom:25px; right:-31px;z-index:99;}/*20131030*/

.popos4{ position: absolute; bottom:35px; right:-40px;z-index:99;}/*20131030*/

 /*20131023 end*/

 

 

/** #ssfsb arrow to expand  **/

#ssfsb{width:14px;height:128px; border-left:1px solid #222;

cursor:pointer;

background:#65489B;

position: absolute;top:0;right:0;z-index: 201;}

#ssarr{ display:block;width:8px;height:15px;

background-image:url(../images/mapview.png); background-repeat:no-repeat;

position:absolute;top:58px;left:2px;}

.ssarr_closed a{ background-position:-35px -47px;}

.ssarr_closed a:hover{ background-position:-35px -68px;}

.ssarr_opened a{ background-position:-35px -4px;}

.ssarr_opened a:hover{ background-position:-35px -25px;}









/** start flrate-simply **/

.rater{width:160px;height:auto;padding-top:4px;

position:absolute;right:5px;top:35px;z-index:10;}



/* 鎻愮ず淇℃伅*/

.my_rate{margin:8px 0;}

.my_rate span{color:#f33; font-weight:bold;}



/* 鐏拌壊*/

.big_rate {width:95px;height:23px;text-align:left;position:relative;display:inline-block;background:url(../images/start.gif) left bottom repeat-x;*display:block;*float:left;} 

.big_rate span{display:block; float:left;width:19px;height:23px;position:relative;z-index:1000;cursor:pointer;overflow:hidden;/*background:#f90;*/} 

/* 浜壊*/

.big_rate_up{width:19px;height:23px;position:absolute;top:0;left:0;background:url(../images/start.gif) left top;}



/* 瑙掓敞骞冲潎鍒� */

.rater p.ratesup {margin:0; padding:0; display:inline;*float:left;height:40px; overflow:hidden; position:absolute; top:-3px;padding-left:6px;}

.rater p.ratesup span.zheng {font-size:26px; line-height:32px; float:left; font-weight:bold; color:#f60;}/* 鏁存暟閮ㄥ垎*/

.rater p.ratesup span.xiao {font-size:14px; display:block; float:left; color:#f60;}/* 灏忔暟閮ㄥ垎*/

/** over flrate **/



/**鍦ㄧ嚎瀹㈡湇鏍峰紡锛�2013.10.28锛�**/

#onlineDiv,.server_online {display:block;width:100px;

position:fixed;top:105px;right:0px;z-index:99001;cursor: pointer;}

#onlineDiv{ width:100px; height:100px; background:url(../images/online_help.png) no-repeat; }

.closeLineFloat{width:10px;height:10px;padding:1px;

color:#333;font-size:16px;font-family:"Microsoft YaHei";text-align:center;

background:url(../images/close.png) no-repeat 0 0;cursor:pointer;

position:absolute;bottom:85px;left:70px;opacity:0.5;}

.closeLineFloat span{display:none;}

* html #onlineDiv,.server_online{position:absolute;}



#erwmDiv {display:block;width:100px;position:fixed;bottom:5px;right:0px;} 

.closeerwmFloat{width:90px;height:20px;padding:1px;

color:#333;font-size:16px;font-family:"Microsoft YaHei";text-align:center;

background:url(../images/closeit.jpg) no-repeat 0 0;cursor:pointer;

position:absolute;bottom:118px;left:0px;opacity:0.5;}

.closeerwmFloat span{display:none;}

#feedbackDiv {display:block;width:50px;position:fixed;bottom:5px;right:0px;cursor: pointer;} 

* html #feedbackDiv {position:absolute;}



.y5{ margin-top:-5px;}

/*****  end of  common css *****/
