/*css sprites*/
.common .leftArea .dashboard .info .gender,
.common .leftArea .dashboard .info .dj,
.common .leftArea .dashboard .info .jp,
.common .leftArea .dashboard .info .zs,
.common .leftArea .dashboard .info .xr,
.common .rightArea  .rightBox h2 span,
.common .rightArea  .rightBox .gallery .S_popArea .S_popBox .S_close {background:url("../../../image/guide/cssSprites.png") no-repeat;}

body {background:#f5f5f5;}
.common {width:1170px; padding:10px; margin:0 auto; background:#f5f5f5;}
.common .leftArea {float:left; width:350px; padding:0 10px 0 0;}
.common .leftArea .dashboard {width:348px; height:275px;  overflow:hidden;}
.common .leftArea .dashboard .photo {width:350px;}
.common .leftArea .dashboard .photo img {width:350px; height:233px; display:block;}
.common .leftArea .dashboard .info {width:100%; text-align:center; position:relative;}
.common .leftArea .dashboard .info h2 {display:inline-block;  padding:10px 5px 0 0; font:600 16px/22px "Microsoft YaHei", Simsun; color:#333;}
.common .leftArea .dashboard .info .gender {display:inline-block; width:16px; height:16px;margin: -2px 5px;}
.common .leftArea .dashboard .info .male {background-position:-143px -83px;}
.common .leftArea .dashboard .info .female {background-position:-126px -83px;}

.common .leftArea .dashboard .info .dj,
.common .leftArea .dashboard .info .jp,
.common .leftArea .dashboard .info .zs,
.common .leftArea .dashboard .info .xr{position:absolute; left:35px; top:12px; width:75px; height:18px; display:block;}
.common .leftArea .dashboard .info .dj{background-position:0 0;}
.common .leftArea .dashboard .info .jp{background-position:0 -19px;}
.common .leftArea .dashboard .info .zs{background-position:0 -38px;}
.common .leftArea .dashboard .info .xr{background-position:0 -57px;}
.common .leftArea .baseInfo {width:318px; padding:10px 15px;}
.common .leftArea .baseInfo p {position:relative; padding:8px 0 5px 70px; font:14px/16px "Microsoft YaHei", Simsun; color:#333; border-bottom:1px #ddd dashed;}
.common .leftArea .baseInfo p span {position:absolute; left:0; top:8px; color:#999;}
/*.common .leftArea .profileTag {width:180px; margin:0 auto;}
.common .leftArea .profileTag i {width:81px; height:81px; display:block; margin:0 auto 5px;}
.common .leftArea .profileTag p {font:16px/20px "Microsoft YaHei", Simsun; text-align:center;}
.common .leftArea  .tag1 i {background-position:-11px 0;}
.common .leftArea  .tag1 p {color:#ea9500;}*/
.common .rightArea {float:left; width:810px;}
.common .rightArea  .rightBox {width:808px;}
.common .rightArea  .rightBox h2 {padding:10px 20px 3px; font:16px/30px "Microsoft YaHei", Simsun; color:#333; text-indent:28px; border-bottom:1px #e5e5e5 solid; position:relative;}
.common .rightArea  .rightBox h2 span {width:23px; height:23px;display:inline-block;margin: 0 5px -5px -30px;}
.common .rightArea  .rightBox h2 span.ico1 {background-position:-160px -77px;}
.common .rightArea  .rightBox h2 span.ico2 {background-position:-184px -77px;}
.common .rightArea  .rightBox h2 span.ico3 {background-position:-208px -77px;}
.common .rightArea  .rightBox .expericent {padding:15px 20px;}
.common .rightArea  .rightBox .expericent p {padding:5px 0; font:16px/20px "Microsoft YaHei", Simsun; color:#666; position:relative;}
/*.common .rightArea  .rightBox .expericent p span {position:absolute; left:0px; top:5px; width:22px; height:22px; display:block; background:#20A9F7; font:14px/24px arial; color:#fff; text-align:center; border-radius:4px;}*/
.common .rightArea  .rightBox .gallery {display:inline-block; padding:15px 11px 0;}
.common .rightArea  .rightBox .gallery li {float:left; width:242px; height:181px; margin:0 10px 15px; cursor:pointer;}
.common .rightArea  .rightBox .gallery li img {width:242px; height:181px;}
.common .rightArea  .rightBox .gallery .S_popArea .S_popBox {background:#fff; padding:10px; border-radius:8px;}
.common .rightArea  .rightBox .gallery .S_popArea .S_popBox img {display:block; max-width:1000px;}
.common .rightArea  .rightBox .gallery .S_popArea .S_popBox .S_close {position:absolute; right:-5px; top:-5px; width:23px; height:23px; display:block; background-position:-232px -77px;}
.common .rightArea  .rightBox .comment li {padding:10px 20px 15px; position:relative; font:14px/20px "Microsoft YaHei", Simsun;}
.common .rightArea  .rightBox .comment li h3 {color:#20A9F7; font-weight:500;}
.common .rightArea  .rightBox .comment li i {position:absolute; right:20px; top:10px; color:#999; font-style:normal;}
.common .rightArea  .rightBox .comment li p {padding:10px 5px 0; color:#333;}
.common .rightArea  .rightBox .pageButton {display:inline-block; float:right; padding:10px 10px 15px 0;}
.common .rightArea  .rightBox .pageButton a {float:left;display:block; height:24px; margin:0 5px 0 0; padding:0 8px; background:#fff; border:1px #e5e5e5 solid; font:14px/24px "Microsoft YaHei", Simsun; color:#999;}
.common .rightArea  .rightBox .pageButton a:hover {text-decoration:none; background:#20A9F7; color:#fff; border-color:#20A9F7;}
.common .rightArea  .rightBox .pageButton a.currentPage {background:#20A9F7; color:#fff; border-color:#20A9F7;}



/*2016-06-17*/
.S_popBox {width: 752px;height: 500px !important;}
.S_popBox img {width: 100%;height: 100%;}