@charset "utf-8";
.login-zz{ display: none; position: fixed; left: 0px; top: 0px;  z-index: 1000; width: 100%; height: 100%; background:url("//www.51vv.com/images_1405/grey_bg.png") repeat 0 0; }
.loginBox{ display: none; position: fixed; left: 0px; top: 0px; z-index: 1010; width: 100%; height: 100%; }
.login-zz,
.loginBox{ _position:absolute; _top:expression(eval(document.documentElement.scrollTop)); _left:expression(eval(document.documentElement.scrollLeft)); _width:expression(eval(document.documentElement.clientWidth)); _height:expression(eval(document.documentElement.clientHeight)); }
input { outline: 0 none; }
#login_message { display: block; position: absolute; top: 50%; left: 50%; width: 390px; height: 440px; margin-left: -195px; margin-top: -220px; background: #ffffff; border-radius: 2px; box-shadow:0 0 15px rgba(0,0,0,.4); }
#login_message p { margin: 0 40px; *width: 308px; overflow: hidden; }
#login_message p.top { margin: 0; width: 100%; height: 60px; background: #b1cd58 url('//www.51vv.com/images_1405/loginBox/logo.png') no-repeat center; }
#login_message p.top a.closed { display: block; float: right; width: 34px; height: 34px; margin: 13px; cursor: pointer; }
#login_message p.top a.closed span.closed { display: block; width: 14px; height: 14px; margin: 10px; background: url('//www.51vv.com/images_1405/loginBox/close.png') no-repeat 0 0; overflow: hidden; }
#login_message p.top a.closed:hover span.closed { background-position: 0 -14px; }
#login_message p.top a.closed:hover span.closed:hover { background-position: 0 -14px; }
#login_message p.top a.closed span.closed:hover { background-position: 0 -14px; }
#login_message p input::-ms-clear{display:none;}
#login_message p input { float: left; display: block; height: 16px; padding: 12px; font-size: 14px; line-height: 16px; color: #333; border: 0 none; background-color: #fff; _display: inline; }

#login_message p.tip { height: 14px; line-height: 14px; font-size: 12px; padding: 8px 0; color: #bd4847; text-align: left; }

#login_message p.userID { text-align: left; border-radius: 2px; border: 1px solid #eaeaea; background: url('//www.51vv.com/images_1405/loginBox/inpIco.png') no-repeat 0 0; }
#login_message p.userID input { width: 238px; margin-left: 44px; *margin-left: 4px; }

#login_message p.password { text-align: left; border-radius: 2px; border: 1px solid #eaeaea; background: url('//www.51vv.com/images_1405/loginBox/inpIco.png') no-repeat 0 -40px; }
#login_message p.password input { width: 238px; margin-left: 44px; *margin-left: 4px; }
#login_message p.focus { border: 1px solid #b1cd58; }
#login_message p.error { border: 1px solid #bd4847; }
#login_message p.verifycode { text-align: left; }
#login_message p.verifycode input { width: 84px; border-radius: 2px; border: 1px solid #eaeaea; *margin-left: -40px; }
#login_message p.verifycode input.focus { border: 1px solid #b1cd58; }
#login_message p.verifycode input.error { border: 1px solid #bd4847; }
#login_message p.verifycode a.changeCodeImg { float: left; width: 100px; height: 40px; border: 1px solid #eaeaea; margin: 0 10px; }
#login_message p.verifycode a.changeCodeImg img { display: block; width: 100px; height: 40px; }
#login_message p.verifycode a.changeCodeBtn { float: left; padding: 12px 4px; height: 16px; font-size: 14px; color: #333; line-height: 16px; }
#login_message p.verifycode a.changeCodeBtn:hover { text-decoration: underline; }

#login_message p.btn { text-align: left; }
#login_message p.btn a.loginBtn { float: left; display: block; width: 304px; height: 42px; text-align: center; line-height: 42px; font-size: 18px; color: #fff; background-color: #b1cd58; cursor: pointer; _display: inline; }
#login_message p.btn a.loginBtn:hover { background-color: #a5bf51; }

#login_message p.other a { line-height: 32px; font-size: 12px; color: #333; }
#login_message p.other a:hover { text-decoration: underline; }
#login_message p.other a.reg { float: left; }
#login_message p.other a.lost { float: right; }

#login_message p.bottom { padding: 10px 0 20px; color: #b8b8b8; line-height: 32px; font-size: 12px; }
#login_message p.bottom a { display: inline-block; width: 32px; height: 32px; margin-left: 12px; vertical-align: top; background: url('//www.51vv.com/images_1405/loginBox/3.png') no-repeat 0 0; }
#login_message p.bottom a.login_qq { margin-left: 20px; }
#login_message p.bottom a.login_weixin { background-position: -31px 0; }
#login_message p.bottom a.login_weibo { background-position: -62px 0; }

#otherLogin { display: none; position: absolute; top: 50%; left: 50%; width: 770px; height: 490px; overflow: hidden; margin-left: -385px; margin-top: -245px; background: #333; z-index: 999; }
#otherLogin p { font-size: 14px; line-height: 40px; color: #7e7e7e; text-indent: 10px; text-align: left; background-color: #f9f9f9; }
#otherLogin a.closed { float: right; display: block; width: 24px; height: 24px; margin: 8px; background: url('//www.51vv.com/images_1405/loginBox/closeIframe.png') no-repeat 0 0; cursor: pointer; }
#otherLogin a.closed:hover { background-position: 0 -24px; }
#otherLoginIframe { display: block; width: 770px; height: 450px; overflow: hidden; }