﻿@charset "utf-8";
@import url("reset.css");
@import url("../dialog/login.css");
body{background:#fff;}
.login{width:100%; margin:0 auto;mine-height:580px;_height:580px}
.lkBtn{position:absolute; right:18px; top:15px; z-index:3;}

.loginCon{width:780px; margin:0 auto; padding: 100px 0 0 0; text-align:left; position: relative; z-index: 2; background: #fff;}
.loginCon h1{width:458px; height:121px; margin-bottom:50px; margin-left:176px; background:url(../../images/common/logo_login.png?2013042301) no-repeat; text-indent:-9999px;}

.loginForm{position:relative; padding-left:78px; padding-bottom:48px; overflow:hidden; *zoom:1;}
.loginForm input.ipt{width:228px; height:38px; line-height:38px; border:1px solid #84a4c1; padding:0 9px; margin-right:10px; float:left; font-family:"Microsoft Yahei"; font-size:18px; color:#b7cdd8;}
.loginForm input.focus{border-color:#2982ff; color:#000;}
.loginForm input.uid{background:url(../../images/common/loginipt_bg.png?2012020801) 0 0 no-repeat;}
.loginForm input.psw{background:url(../../images/common/loginipt_bg.png?2012020801) 0 -80px no-repeat;}
.loginForm .errtips{position:absolute; left:78px; top:46px; font-size:12px; color:#ff7200;}
.lkBtn a.regBtn{display:inline-block; height:30px; float:left; line-height:28px; *line-height:30px; background:url(../../images/common/btn09.png?2012020801) no-repeat; _background:url(../../images/common/btn09.gif?2012020801) no-repeat; padding-left:15px; font-size:16px; color:#fff; text-decoration:none; margin-top:3px;}
.lkBtn a.regBtn span{height:30px; display:inline-block; background:url(../../images/common/btn09.png?2012020801) right -60px no-repeat; _background:url(../../images/common/btn09.gif?2012020801) right -60px no-repeat; padding-right:13px; text-decoration:none; color:#fff; cursor:pointer;}
.lkBtn a.regBtn:hover{background-position:0 -120px; text-decoration:none;}
.lkBtn a.regBtn:hover span{background-position:right -180px; text-decoration:none;}
.lkBtn a.introduce,.lkBtn a.introduce:link{width:148px; height:35px; float:left; margin-right:10px; display:inline-block; background:url(../../images/common/ico_introduce.png) no-repeat; text-indent:-9999px;}

.loginForm a,.loginForm a:link,.loginForm a:visited{float:left; white-space:pre; margin-top:12px; margin-left:16px; color:#9AC2D4; text-decoration:none; word-wrap:normal;}
.loginForm a:hover{color:#68a2d5; text-decoration:none;}
.loginForm .errtips a{margin:0 0 0 5px; float:none;}

.loginForm a.loginBtn,.loginForm a.loginBtn:link,.loginForm a.loginBtn:visited{float:left; height:42px; margin:0; line-height:40px; *line-height:42px; background:url(../../images/common/btn10.png?2012020801) no-repeat; _background:url(../../images/common/btn10.gif?2012020801) no-repeat; padding-left:31px; font-size:22px; color:#fff; text-decoration:none;}
.loginForm a.loginBtn span{height:42px; display:inline-block; background:url(../../images/common/btn10.png?2012020801) right -84px no-repeat; _background:url(../../images/common/btn10.gif?2012020801) right -84px no-repeat; padding-right:29px; text-decoration:none; color:#fff; cursor:pointer;}
.loginForm a.loginBtn:hover{background-position:0 -168px; text-decoration:none;}
.loginForm a.loginBtn:hover span{background-position:right -252px; text-decoration:none;}

.links{padding-left:175px;clear:both;}/*dashboard optimize20111118 jinlong edit*/
.links a,.links a:link{color:#9AC2D4; display:inline-block; vertical-align:middle; text-decoration:none; background:url(../../images/common/loginlink_line.png?2012020801) right 2px no-repeat; padding-right:12px; margin-right:8px;}
.links a:visited{color:#9AC2D4; text-decoration:none;}
.links a:hover{color:#68a2d5; text-decoration:none;}
.links a.nobg{background:none;}

.userShow{width:100%; height:185px; min-width: 780px; position:absolute; bottom:0; left:0; overflow:hidden;}
.userShow ul{overflow:hidden; *zoom:1; position:relative;}
.userShow ul li{float:left; _display:inline; margin-top:35px; position:relative; background:#538792;}
.userShow ul li .cell{position:relative; width:150px; height:150px; overflow:hidden; float:left; _display:inline; cursor:pointer;}
.userShow ul li .cell .content{position:relative; height:150px;}
.userShow ul li .cell .content img{overflow:hidden;}
.userShow ul li .cell .content h3{font-size:16px; margin-bottom:6px; font-weight:normal;}
.userShow ul li .cell .cate{position:absolute; bottom:0; left:0;}
.userShow ul li .cell .ico_play{position:absolute;left:50%;top:50%;margin:-22px 0 0 -22px;_margin:-45px 0 0 -45px; z-index:3; width:44px; height:44px; background:url(../../images/common/ico_playd.png?2012020801) no-repeat;_background:url(../../images/common/ico_playd.gif?2012020801) no-repeat;}
.userShow ul li .cell.cellMusic .ico_play{ background-position:0 -44px;}
.userShow ul li .tag{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px; background:#000; background:rgba(0,0,0,0.8); position:absolute;bottom:8px;left:6px;padding:0 9px; display:inline-block;height:20px; line-height:20px;color:#fff;font-size:12px;z-index:2; white-space:nowrap;word-break:break-all}
.userShow ul li .cellText .content{width:130px; height:134px; padding:8px 10px; font-size:12px; line-height:21px; color:#fff; overflow:hidden; position:relative;zoom:1;}
.userShow ul li .cellText .content p{height:128px; overflow:hidden; line-height:18px;}
.userShow ul li .cell .mask{position:absolute; top:0; left:0; z-index:2; display:none; width:150px; height:150px; background:#000; opacity:0.2; filter:alpha(opacity=20);}
.userShow ul li .cell .mask a{width:150px; height:150px; float:left; display:block;}
.userShow ul li .cell .txtopa{position:absolute; bottom:0; left:0; z-index:1; width:150px; height:49px; background:url(../../images/common/txtopa_bg.png?2012020801) no-repeat; _background:none;}
.userShow ul li .cell .author{position:absolute; top:50px; left:15px; z-index:4; width:100px; overflow:hidden; background:#000; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; padding:10px; font-size:12px; text-align:center; color:#fff;}
.userShow ul li .cell .author a,.userShow ul li .cell .author a:link{color:#fff; text-decoration:none;}
.userShow ul li .cell .author a:hover{color:#fff; text-decoration:none;}

/* 登录名提示 */
.autoMatch{position:absolute; width:244px; padding:5px 1px; border:1px #cfcfcf solid; background:#fff;}
.autoMatch li,
.autoMatch .tit{height:23px; padding:0 5px; line-height:23px; color:#333; cursor:pointer; overflow:hidden;}
.autoMatch li.current{background:#d5e7e7;}
.autoMatch .tit{color:#666;}
/*like 喜欢 20111020*/
.z_ico_loveMk{position:absolute;right:0;bottom:10px;padding:0 8px 0 20px;background:url(../../images/common/ico_like.png?2012020801) no-repeat 0 0;height:14px;line-height:13px;font-size:13px;color:#202020;cursor:default;_background-image:url(../../images/common/ico_like.gif?2012020801);}

/*新图标*/
.dynamicTips{margin-left:5px;vertical-align:top;_vertical-align:-2px;}
.dynamicTips,.dynamicTips b{display:inline-block;background:url(../../images/common/new_tips.png?2012020801) no-repeat}
.dynamicTips{padding-left:5px;height:16px;line-height:16px;overflow:hidden}
.dynamicTips b{ vertical-align:top;font-weight:normal;color:#fff;font-size:12px; font-family:Arial; display:inline-block; background-position:right -16px;padding:0 5px 0 2px;height:16px}

.friendLinks{margin-top:25px; text-align:center; color:#9ac2d4;}
.friendLinks a,.friendLinks a:link{margin-right:7px; color:#9ac2d4; text-decoration:none;}
.friendLinks a:hover{color:#68a2d5; text-decoration:none;}