body{
	color:#333333;
	opacity:0.9999;
	font: 400 12px "微软雅黑","宋体", Arial, Verdana;
	-webkit-user-select:none;
	-webkit-text-size-adjust:none;
}
input{
    font: 400 12px "微软雅黑","宋体", Arial, Verdana;
}
body, div, h4, ul, li, p, span {
	margin:0;
	padding:0;
}
a{
	color: #3385ff;
	text-decoration: none;
}
a:hover{
	color: #4c94ff;
	text-decoration: underline;
}
a:active{
    color: #4585e5;
    text-decoration: underline;
}

a.btn{
    color: #3385ff;
    text-decoration: none;
    border:1px solid #3385ff;
    display: inline-block;
}

a.btn:hover{
    background:#eaf3ff;
}

a.btn:active{
    background:#d5e4fa;
}

a.btn-fill{
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
    background: #3385ff;
    display: inline-block;
}

a.btn-fill:hover{
    background: #4d94ff;
}

a.btn-fill:active{
    background: #4585e5;
}

ul, li{
	list-style-type: none;
}
img{ 
	border: 0 none;
}
.clear{
	clear: both;
}

.pointer{
	cursor: pointer;
}

#userSkins li.skin_default .pointer{
    cursor:default;
}

.box{
	position: absolute;
	top: 3px;
	left: 3px;
	width: 660px;
	height: 440px;
	border: rgba(0,0,0,.3) solid 1px;
	overflow: hidden;
}

.header{
    height: 40px;
    background-color: #3385ff;
}

.header .title{
    position:relative;
    top:13px;
    left:20px;
    color:#ffffff;
}
.banner{
	height: 39px;
    background: #fafafa;
    border-bottom: 1px solid #e5e5e5;
}

.tab-item li{	
	float: left;
	margin-left: 20px;
    margin-right:20px;
	width: 120px;
    height: 37px;
    line-height: 37px;
	text-align: center;
    font-weight: bold;
	cursor: pointer;
    color:#3385ff;
}
.tab-item li.active{
	cursor: default;
    border-bottom:3px #3385ff solid;
}
.tab-item .item{
	display: block;
	padding-left: 15px;
}
.tab-item .recom{	
	background: url(../images/ic_recommand.png) 18px 9px no-repeat;
}
.tab-item .user{
	background: url(../images/ic_collect.png)  18px 10px no-repeat;
}
.search{
	position: absolute;
	right: 20px;
	top: 46px;
	width: 158px;
	height: 26px;
    border: 1px #e5e5e5 solid;
    background: #ffffff;
    padding-left:10px;
}

.search-input{
    width:134px;
	height: 22px;
	background: #ffffff;
	color: #333333;
	font-size: 12px;
    border:none;
}
.search-input:focus{outline:none}
.btn-search{
	position: absolute;
	right: 8px;
	top: 6px;
	width: 16px;
	height: 16px;
	background: url(../images/ic_search.png) no-repeat;
	cursor: pointer;	
}
.btn-search{
	background-position:0px 0px;
}
.btn-search:hover{
	background-position: -16px 0px;
}
.btn-search:active{
	background-position: -32px 0px;
}
.btn-search-close{
    background: url(../images/ic_search_close.png) no-repeat;
	background-position: 0px 0px;
}
.btn-search-close:hover{
	background-position: -16px 0px;
}
.btn-search-close:active{
	background-position: -32px 0px;
}
.search-hot{
	position: absolute;
    left:-1px;
	top: 26px;
	width: 168px;
	border: #cccccc solid 1px;
	background: #ffffff;
	z-index: 99;
	cursor: default;
	display: none;
}
.search-hot li{
	padding-left:10px;
	width: 158px;
	height: 24px;
	line-height: 24px;
	color: #333333;
}
.search-hot li:hover, .search-hot li.hover{
	background-color: #f2f2f2;
}

.header_bg{
    position: absolute;
    top:10px;
    width: 20px;
    height: 20px;
    background-position: 0px 0px;
}
.min,#minBox.nohover{
    right:40px;
    background: url(../images/btn_min.png) no-repeat;
}
.close{
	right: 10px;
    background: url(../images/btn_close.png) no-repeat;
}
.header_bg:hover{
	background-position: -20px 0px;
}
.header_bg:active{
	background-position: -40px 0px;
}
.content{
    background: #ffffff;
	position: relative;
	height: 378px;
	overflow: hidden;
	display: none;	
}
.skins{
	position: absolute;
	margin-left:20px;
	width: 635px;
	height: 320px;
	overflow: auto;
	overflow-x: hidden; 
}
.short-skins{
	top: 32px;
	height: 318px;
}

::-webkit-scrollbar {
    width:7px;
    padding:5px;
}

::-webkit-scrollbar-button {
    height: 5px;
    background: #ffffff;
}
/* Track */
::-webkit-scrollbar-track {
    background: #ffffff;
}

/* Handle */
::-webkit-scrollbar-thumb {
    border:1px solid #ffffff;
    border-radius: 0;
    background: #cccccc;
}

::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active{
    background: #b2b2b2;
    border:1px solid #b2b2b2;
}

/*当前窗口未激活的情况下*/
::-webkit-scrollbar-thumb:window-inactive {
    background: #cccccc;
}

.skins-title{
    margin: 13px 0 8px;
	color: #000000;
	font-weight: 700;
	text-shadow: 1px 1px 1px #ffffff;
}

.list-btm{
    margin-top:5px;
    border-bottom: 1px solid #e5e5e5;
}
.skins-list{
    width:620px;
}

.skins-list li{
	float: left;
	margin-right: 20px;
    margin-bottom:8px;
	cursor: pointer;
}

.skins-list li:nth-child(4n){
    margin-right: 0px;
}
.skins-list li .skin{
	position: relative;
	width: 138px;
	height: 91px;
    border:1px solid #cccccc;
}
.scale-smaller{
	-webkit-animation: 'scale-smaller' .33s 1 linear forwards;
}
.scale-recover{
	-webkit-animation: 'scale-recover' .33s 1 linear forwards;
}
.skin-smaller{
	-webkit-animation: 'skin-smaller' .33s 1 linear forwards;
}
.skin-larger{
	-webkit-animation: 'skin-larger' .33s 1 linear forwards;
}
@-webkit-keyframes 'skin-smaller'{
	0%{ width: 173px;}
	100%{ width: 8px;}
}
@-webkit-keyframes 'skin-larger'{
	0%{ width: 8px;}
	100%{ width: 173px;}
}
@-webkit-keyframes 'scale-recover' {	
	0% { -webkit-transform:scale(.05); opacity: 0;}
	100% { -webkit-transform:scale(1); opacity: 1;}
}
@-webkit-keyframes 'scale-smaller' {
	0% { -webkit-transform:scale(1); opacity: 1;}
	100% { -webkit-transform:scale(.05);	opacity: 0;}
}
.mask{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;		
	z-index: 66;
	display: none;
}

.mask-bg{
	background: #ffffff;
	opacity: .7;
    cursor: default;
}

#delete_confirm_mask{
    z-index:65px;
}

.skins-list li.hover .skin, #userSkins.manage .skins-list li .skin, #userSkins.manage .skins-list li.skin_check .skin{
	border: #3385ff solid 2px;
    background: #ffffff;
    width:136px;
    height: 89px;
    overflow: hidden;
}

#userSkins.manage .skins-list li .skin{
    border:#cccccc solid 2px;
}

#userSkins.manage .skins-list li.skin_default .skin {
    width:138px;
    height: 91px;
    border:#cccccc solid 1px;
}

.skins-list li.hover .skin img{
    opacity: 0.4;
    margin:-1px 0 0 -1px;
}

#userSkins.manage .skins-list li .skin img{
    opacity: 1;
    margin:-1px 0 0 -1px;
}

#userSkins.manage .skins-list li.skin_default .skin img {
    margin: 0;
}

.skins-list li .title a.btn-fill{
	position: absolute;
	left: 35px;
	bottom: 10px;
	width: 70px;
	height: 24px;
	line-height: 24px;
	text-indent: 4px;
    text-align: center;
}

/*.skins-list li .indent{
	text-indent: 22px;
}*/
.skins-list li .info{
	display: none;
}
.skins-list li.hover .info{
     display: block;
}

.skins-list li.click .info .title{
    display: none;
}

.skins-list li .large{	
	position: absolute;
	z-index: 99;
	display: none;
}
.large-img{
	position: absolute;
	z-index: 99;
	display: none;
}
.skins-list li .like, .skins-list li .unlike{
	position: absolute;
	top: 1px;
	left: 1px;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

.skins-list li .like{
    background: url(../images/btn_collect.png);
    background-position: 0px 0px;
}

.skins-list li .unlike{
    background: url(../images/btn_uncollect.png);
    background-position: 0px 0px;
}

.skins-list li .like:hover,.skins-list li .unlike:hover{
	background-position: -24px 0px;
}

.tips-more{
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: none;
}

#skinsStore{
    min-height: 64px;
}
.btn-del{
    background: #ffffff;
    font-weight: normal;
    text-align: center;
    margin-top: -24px;
    height: 24px;
}

.btn-del a:hover,.btn-del a:active{
    text-decoration: none;
}

.btn-del a.btn{
    width:88px;
    height: 22px;
    line-height: 22px;
}

#deleteSkins.del-disable a.btn{
    color: #cccccc;
    border: 1px solid #cccccc;
    cursor: default;
    background: none !important;
}

#skin-manage-op{
    margin-left: 380px;
}
#deleteSkins{
    margin-left:529px;
}
#btn-select-all, #btn-delete{
    margin-right:30px;
}

#btn-select-all-bg,#btn-delete-bg{
    width:16px;
    height:16px;
    margin-right:5px;
    vertical-align: -3px;
    display: inline-block;
}

#skin-manage-op{
    display:none;
}

#btn-select-all-bg{
    background: url(../images/checkbox_uncheck.png)  no-repeat;
    background-position: 0px 0px;
}
#btn-select-all-bg.check{
    background: url(../images/checkbox_check.png)  no-repeat;
}

#btn-delete-bg{
    background: url(../images/ic_delect.png)  no-repeat;
    background-position: 0px 0px;
}
#btn-select-all:hover #btn-select-all-bg , #btn-delete:hover #btn-delete-bg {
    background-position: -16px 0px;
}

#btn-select-all:active #btn-select-all-bg , #btn-delete:active #btn-delete-bg{
    background-position: -32px 0px;
}

#btn-delete.disable, #btn-select-all.disable{
    color:#cccccc;
    cursor: default !important;
}

#btn-delete.disable #btn-delete-bg, #btn-select-all.disable #btn-select-all-bg{
    background-position: -48px 0px !important;
}

.btn-save-this{
    display: block;
    position: absolute;
    top: 1px;
    left: 28px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: url(../images/btn_saveas.png);
    display: block;

}

.btn-save-this:hover{
    background-position: -24px 0px;
}

.btn-del-this{
	position: absolute;
	right: 1px;
	top: 1px;
	width: 24px;
	height: 24px;
    background: url(../images/btn_delect.png);
	cursor: pointer;
}
.btn-del-this:hover{
	background-position: -24px 0px;
}
.btn-change{
	position: absolute;
	left: 56px;
	top: 8px;
	/*width: 76px;
	height: 24px;*/
	/*background-position: 0 -96px;*/
	cursor: pointer;
}
.btn-change:hover{
	/*background-position: 0 -125px;*/
}
.btn-change:active, .random-install, .random-install:hover, .random-install:active{
	/*background: url(../images/random-install.gif) -2px -3px no-repeat;*/
}
.random-instal, .random-install:hover, .random-install:active{
	cursor: default;
}
.random-disable, .random-disable:hover, .random-disable:active{
	cursor: default;
	/*background: url(../images/random-disable.png)*/
}
.btn-ok, .btn-cancel,.btn-all-select{
	position: absolute;
	top: 3px;
	width: 65px;
	height: 24px;
	background-position: -251px -97px;
	color: #fff;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
}
.btn-all-select{
	left: 309px;
}
.btn-ok{
	left: 382px;
}
.btn-cancel{
	left: 455px;
}

.search-result{
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
}
.btn-back{
    display: inline-block;
    margin:0px 7px 0px -5px;
	width: 16px;
	height: 16px;
	background:url(../images/ic_back.png) 0 0 no-repeat;
    cursor: pointer;
    vertical-align: middle;
}
.btn-back:hover{
	background-position: -16px -0px;
}
.btn-back:active{
	background-position: -32px -0px;
}
.chk-del{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 24px;
	height: 24px;
    background: url(../images/check_btn.png);
    background-position: 0px 0px;
	cursor: pointer;
	display: none;
}

#userSkins.manage .skins-list li.skin_check .chk-del {
    background: url(../images/check_btn.png);
    background-position: -24px 0px;
}

.bottom{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 39px;
	background: #fafafa;
    border-top:1px solid #e5e5e5;
}

.bottom .more{
	position: absolute;
	left: 20px;
	width: 96px;
	height: 40px;
	line-height: 40px;
}

.bottom .setting{
	position: absolute;
	right: 20px;
	top: 12px;
	width: 16px;
	height: 16px;
    background: url(../images/ic_setting.png) no-repeat;
	background-position: 0px 0px;
    cursor: pointer;
}
.bottom .setting:hover{
	background-position: -16px -0px;
}
.bottom .setting:active{
	background-position: -32px -0px;
}
.no-liked{
    width:420px;
	height: 90px;
	background: url(../images/pic_null.png) center center no-repeat;
    margin: 17px auto;
}
.addtolike-point{
	position: absolute;
	top: 60px;
	left: 50%;
	margin-left: -236px;
	width: 472px;
	height: 51px;
	background: url(../images/infor.png) no-repeat;
	display: none;
	z-index: 999;
}

.addtolike-slidedown{
	-webkit-animation: 'addtolike-slidedown' 2.6s 1 linear forwards;
}
@-webkit-keyframes 'addtolike-slidedown' {
	0% { top: 4px; }
	19%{ opacity: 1;}
	20% { 
		top: 60px;
		opacity: 1;
	}
	80%{ 
		top: 60px;
		opacity: 1;
	}
	90%{ opacity: 1; }
	100%{
		top: 4px;
		opacity: 0;
	}
}

.failed{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -44px;
	margin-top: -19px;
	width: 89px;
	height: 38px;
	background: url(../images/failed.png) no-repeat;
	z-index: 999;
}
.added{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -44px;
	margin-top: -19px;
	width: 89px;
	height: 38px;
	background: url(../images/added.png) no-repeat;
	z-index: 999;
}

.show-warn{
	-webkit-animation: 'show-warn' .2s 1 linear forwards;
}
@-webkit-keyframes 'show-warn' {
	0% { opacity: 0; }	
	100%{ opacity: 1; }
}
.load-box{
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -84px;
	margin-top: -43px;
	width: 168px;
	height: 86px;
	display: none;
}
.load-icon{
	margin: 0 auto; 
	width: 38px;
	height: 38px;
	background: url(../images/loading.png) no-repeat;
}
.load-box p{
	margin-top: 18px;
	text-align: center;
	color: #859dbf;
	font-size: 14px;
}
.loading{
	display: block;
}
.loading .load-icon{
	-webkit-animation: 'loading' 1.4s infinite linear;
}
@-webkit-keyframes 'loading' {
	0%{ -webkit-transform: rotateZ(0deg)}
	100%{ -webkit-transform: rotateZ(360deg)}	
}

.skin-name{
    color:#333333;
    text-align: center;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top:1px;
    width:140px;
}

#delete_confirm{
    width:247px;
    height: 110px;
    border: 1px rgba(0,0,0,0.3);
    box-shadow: 0 0 5px rgba(0,0,0,.75);
    background: #ffffff;
    position: absolute;
    top:50%;
    left:50%;
    margin-top:-55px;
    margin-left:-123px;
    z-index: 999;
    text-align: center;
    font-size: 12px;
    display: none;
}

#confirm_text{
    padding:26px 0 18px;
    color:#333333;
}

#delete_confirm a.btn,#delete_confirm a.btn-fill{
    width:70px;
    height: 24px;
    line-height: 24px;
}

#btn-delete-ok{
    margin-right: 15px;
}

.default_skin, #userSkins.mange .skins-list li.skin_default .skin img{
    background: url(../images/default.png) no-repeat;
    width:138px;
    height: 91px;
}

#gwMoreSearch{
    text-align: center;
    margin-top: 70px;
}
.no-search{
    color:#333333;
    font-size: 12px;
    font-weight: normal;
}

#missedKw{
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 91px;
    display: inline-block;
}

.title_info span {display: none }
.title_info:hover span {
    display:block;
    position:absolute;
    top:36px;
    left:0;
    width:36px;
    height: 20px;
    line-height: 20px;
    border:1px solid #767676;
    border-radius: 3px;
    background: -webkit-linear-gradient(top,#ffffff,#e4e5f0);
    color: #575757;
    box-shadow: 6px 6px 3px -4px rgba(0,0,0,0.5);
    text-align:center;
}

.btn-del-this:hover span{
    left:-14px;
}

.like:hover span{
    width:56px;
}


