.pictureBox {
	width: 490px;
	height: 373px;
	position: relative;
}
.top {
	width: 100%;
	height: 33px;
	line-height: 33px;
	border-bottom: 1px solid #d6d6d6;
}
.change dl dt {
	width: 100%;
	height: 32px;
	line-height: 32px;
}
.top div {
	float: left;
	font-size: 12px;
	padding: 0px 14px;
	position: relative;
}
.top div a { 
	color: #121212; 
}
.top div.head-on a {
	color: #3598db;
	text-decoration: none;
}  
.top div.head-on a {
	color: rgb(0,169,232);
	text-decoration: none;
} 
.trigon {
	display: none;
}
.head-on .trigon {
	display: block;
}
.tri_bor {
	position: absolute;
	left: 50%;
	margin-left: -8px;
	overflow: hidden;
	width: 0;
	height: 0;
	border-width: 4px;
	border-style: dashed dashed solid dashed;
}
.tb_bor {
	bottom: 0px;
	border-color: transparent transparent #e4e4e4 transparent;
}
.tb_bag {
	bottom: -1px;
	border-color: transparent transparent #fff transparent;
}
.main {
	width: 100%;
	height: 303px;
}
.mainchangeL {
	height: 340px;
	width: 364px;
	float: left;
}
.mainL {
	width: 365px;
	height: 340px;
	float: left;
	border-right: 1px solid #d6d6d6;
}
.mainR {
	width: 123px;
	float: left;
}
/*更换头像*/

.change {
	width: 97px;
	float: left;
	margin-left: 60px;
	text-align: center;
}
.change dl dt,
.change dl dd {
	width: 100%;
}
.change dl dt {
	height: 90px;
	margin-top: 60px;
	margin-bottom: 19px;
}
.native dl dt {
	background: url(../images/blue/headup.png) 0 0 no-repeat;
}
.selfie dl dt {
	background: url(../images/blue/self.png) 0 0 no-repeat;
}
.change dl dd {
	margin-top: 9px;
}
.change h3 {
	font-size: 14px;
	color: #000;
	text-align: center;
	font-weight: normal;
	margin-bottom: 4px;
}
.change p {
	font-size: 12px;
	color: #9a9a9a;
	text-align: left;
	padding-bottom: 8px;
}
#chageBnt, #initSelfieBnt,#nativeBnt{
	width: 68px;
	text-align: center;
	height: 22px;
	line-height: 22px;
	border-radius: 2px;
	cursor: pointer;
	margin-left: 14px;
	border: 1px solid #00a9e9;
	color: #00a9e9;
}
#chageBnt:hover, #initSelfieBnt:hover,#nativeBnt:hover{
	background: rgb(0,169,232);
	color: #fff;
	border: 1px solid rgb(0,169,232);
}
#initSelfieBnt input,
#chageBnt input {
	width: 68px;
	height: 24px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

/*更换头像end*/
/*经典头像*/

.classicsTop {
	background-position: -4px -10px;
}
.claNav {
	margin-left: 10px;
}
.classics {
	width: 354px;
    height: 270px;
    padding: 11px 0 12px 11px;
}
.classics li {
	width: 32px;
	height: 32px;
	float: left;
	margin: 0 8px 8px 0;
	border: 1px solid #fff;
}
.classics li:hover {
	border: 1px solid #3598db;
}
.classics li img {
	width: 32px;
	height: 32px;
}
/*经典头像end*/
/*本地照片*/

.buttons {
	width: 210px;
	height: 24px;
	display: table;
	margin: 10px auto 30px 95px;
}
.buttons div {
	float: left;
	margin-left: 10px;
}
.nativeHead {
	width: 300px;
	height: 195px;
	margin: 0px auto 0px 32px;
}
.nativeHead img {
	width: 100%;
	height: 100%;
}
.imgsize img {
	width: 96px;
}
#preview-pane .imgsize {
	width: 64px;
	height: 64px;
	overflow: hidden;
}
#preview-pane2 .imgsize {
	width: 96px;
	height: 96px;
	overflow: hidden;
}
/*本地照片end*/
/*右*/

.mainR dl dt,
.mainR dl dd,
.mainchangeR dl dt,
.mainchangeR dl dd {
	width: 100%;
	margin-top: 16px;
}
.mainR dl dt,
.mainR dl dd p,
.mainchangeR dl dt,
.mainchangeR dl dd p {
	font-size: 12px;
	color: #000;
	text-align: center;
}
.size_60 {
	width: 64px;
	height: 64px;
	margin: 0px auto 0px 31px;
}
.size_100 {
	margin: 0px auto 0px 11px;
	width: 96px;
	height: 96px;
}
.size_100{
	margin-left: 14px;
}
.size_60 img {
	width: 64px;
	height: 64px;
	cursor: default;
}
.mainR dl dd p,
.mainchangeR dl dd p {
	margin-top: 4px;
}
.pop_60,
.pop_100 {
	position: absolute;
	top: 0px;
	left: 0px;
}
.pop_60 {
	width: 60px;
	height: 60px;
}
.pop_100 {
	width: 100px;
	height: 100px;
}
/*foot*/

.foot {
	width: 100%;
	height: 36px;
	border-top: 1px solid #d6d6d6;
	background: rgb(233,249,255);
}
.footBnt {
	width: 155px;
	float: right;
	margin-top: 6px;
	margin-right: 1px;
}
.footBnt .surebnt,.footBnt .closebnt{
	width: 68px;
	height: 22px;
	float: left;
	text-align: center;
	line-height: 22px;
	background: #fff;
	border-radius: 2px;
	cursor: pointer;
	margin-left: 5px;
	border: 1px solid rgb(179,179,179);
}
.footBnt .surebnt:hover,.footBnt .closebnt:hover{
	color: #00a9e9;
	border: 1px solid rgb(0,169,232);
}
#classics_head_page,
#custom_head_page{
	text-decoration: none;
}
#loading-popup {
    background: #fff;
}
#loading-popup .loading-img {
    width: 75px;
    margin: 0 auto;
    height: 110px;
    margin-top: 130px;
    position: initial !important;
    left: 0;
    top: 0;
}
.savemask{
	position: absolute;
	z-index: 99999;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.4);
	display: none;
}