@charset "utf-8";
/* CSS Document */

<style type="text/css">
/* http://js.3conline.com/pclady/2016/style.css */




.clearfix:after,.main:after,.area:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}

.main,.clearfix,.area {
	zoom: 1
}


.title-alpha {
	width: 315px;
	height: 104px;
	line-height: 24px;
	padding: 20px 20px 0;
	text-align: left;
	overflow: hidden;
	color: #fff;
	background: url(http://www1.pclady.com.cn/global/2016/images/ladyIndex/slide_pic_shadow.png) no-repeat
}

.title-alpha i {
	height: 28px;
	overflow: hidden;
	margin-bottom: 2px;
	display: block;
	text-align: center;
	font-size: 18px
}

a:hover .title-alpha {
	text-decoration: underline;
	color: #000
}

.aniTit {
	display: block;
	position: relative;
	overflow: hidden;
	zoom: 1
}

.aniTit .title-alpha {
	width: 315px;
	bottom: 0;
	font-size: 14px;
	position: absolute;
	left: 0;
	color: #fff
}

.aniTit:hover .title-alpha {
	color: #fff;
	text-decoration: none
}

.noHover .title-alpha,.noHover:hover .title-alpha {
	bottom: 0;
	color: #fff
}

.little .title-alpha {
	width: 100%;
	height: 40px;
	padding: 0;
	padding-top: 25px;
	line-height: 40px;
	font-size: 16px;
	text-align: center;
	background: url(http://www1.pclady.com.cn/global/2016/images/ladyIndex/star_shadow_bg.png) no-repeat
}

.xlittle .title-alpha {
	width: 100%;
	height: 40px;
	padding: 0;
	padding-top: 25px;
	line-height: 40px;
	font-size: 14px;
	bottom: -65px;
	z-index: 100;
	text-align: center;
	background: url(http://www1.pclady.com.cn/global/2016/images/ladyIndex/star_shadow_bg.png) repeat-x;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

.xlittle:hover .title-alpha {
	bottom: 0
}

.bt-tit .title {
	height: 42px;
	display: block;
	font: 16px/42px "Microsoft Yahei";
	overflow: hidden;
	text-align: center;
	background: #f2f2f2
}

.aniTit .pic-icon {
	width: 48px;
	height: 47px;
	position: absolute;
	left: 77px;
	top: 43px;
	background: url(http://www1.pclady.com.cn/global/2016/images/ladyIndex/video_icon.png) no-repeat
}

.aniTit .sum {
	color: #888;
	font-size: 12px;
	line-height: 24px
}

.mb-5 {
	margin-bottom: 5px
}

.mb-10 {
	margin-bottom: 10px
}

.mb-36 {
	margin-bottom: 36px
}

.mb-40 {
	margin-bottom: 40px
}

.mb-50 {
	margin-bottom: 50px
}

.mb-20 {
	margin-bottom: 20px
}

.mb-25 {
	margin-bottom: 25px
}

.mb-7 {
	margin-bottom: 7px
}

.mb-28 {
	margin-bottom: 28px
}

.mb-30 {
	margin-bottom: 30px
}

.mb-35 {
	margin-bottom: 35px
}

.fs-12 {
	font-size: 12px
}

.fs-14 {
	font-size: 14px
}

.fs-16 {
	font-size: 16px
}

.fs-20 {
	font-size: 20px
}

.blk-img {
	display: block;
	position: relative;
	zoom: 1
}

.ht-Title {
	line-height: 28px;
	margin-bottom: 20px;
	font-size: 28px
}

.ht-Title a:hover {
	text-decoration: none
}

.pink,a.pink:hover,.pink a,.pink a:hover {
	color: #e70980
}

.gray,a.gray:hover,.gray a {
	color: #888
}

.gray a:hover {
	color: #e50a80
}

.pic-txt li .title a:hover {
	color: #e50a80
}

.txt-stlye {
	position: relative;
	zoom: 1;
	display: block
}

.txt-stlye span {
	display: block
}

.txt-stlye .txt-sum,.txt-stlye .txt-sum a {
	line-height: 24px;
	color: #888
}

.txt-stlye:hover {
	color: #555;
	text-decoration: none
}

.focus .main {
	overflow: hidden
}

.tragl {
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	border-width: 5px;
	border-style: dashed dashed solid dashed;
	border-color: transparent transparent #FFF transparent;
	-webkit-transition: -webkit-transform .2s;
	transition: transform .2s;
	-webkit-transform-origin: center 20%;
	transform-origin: center 20%
}

.tragl-t {
	border-style: solid dashed dashed dashed;
	border-color: #999 transparent transparent
}

.tragl-l {
	border-style: dashed dashed dashed solid;
	border-color: transparent transparent transparent #999
}

.tragl-r {
	border-style: dashed solid dashed dashed;
	border-color: transparent #000 transparent transparent
}

.tragl-b {
	border-style: dashed dashed solid dashed;
	border-color: transparent transparent #e50a80 transparent
}


.navibar-in-wrap {
	min-width: 1120px
}

.doc {
	min-width: 1120px;
	margin: 0 auto;
	overflow: hidden
}

body #footer {
	min-width: 1120px;
	margin: 0 auto
}

.pic-txt:after {
	content: "\20";
	clear: both;
	height: 0;
	display: block;
	overflow: hidden
}

.pic-txt {
	zoom: 1
}

.pic-txt li {
	width: 175px;
	height: 195px;
	background: #f2f2f2;
	text-align: center;
	float: left;
	padding-top: 15px
}

.pic-txt li .title {
	height: 45px;
	display: block;
	font: 14px/45px "Microsoft Yahei";
	overflow: hidden;
	text-align: center
}

.pic-txt li .title a:hover {
	color: #e50a80
}

.pic-txt li .title i {
	color: #888;
	padding-left: 2px
}

.pic-txt li img {
	border-radius: 100%
}

.photo-wall:after {
	content: "\20";
	clear: both;
	height: 0;
	display: block;
	overflow: hidden
}

.photo-wall {
	height: 671px;
	overflow: hidden;
	zoom: 1
}

.photo-wall div {
	float: left
}

:;float:left;.photo-wall .pic-lay360 {
	width: 388px
}

.photo-wall .pic-lay400 {
	width: 400px
}

.photo-wall .photo-h251 {
	height: 278px
}

.photo-wall .photo-h340 {
	height: 376px
}

.photo-wall .photo-h180 {
	height: 199px
}

.photo-wall .photo-h221 {
	height: 244px
}

.photo-wall .photo-h252 {
	height: 277px
}

.photo-wall .pic-lay360 {
	width: 388px
}

.photo-wall .pic-lay400 {
	width: 442px
}

.photo-wall .pic-hover {
	width: 100%;
	position: relative;
	margin-bottom: 10px;
	overflow: hidden
}

.photo-wall .pic-hover img {
	position: absolute;
	top: 0;
	left: 0;
	display: none
}

.photo-wall .pic-hover img.cur {
	display: block;
	z-index: 1
}

.txt-scroll .clock,.lo-hot .hot-th,.mo-star .star-th {
	background: url(http://www1.pclady.com.cn/global/2016/images/ladyIndex/indexPic.png) no-repeat
}



.topList li {
	background: url(http://www1.pclady.com.cn/global/2016/images/ladyIndex/indexPic.png) no-repeat
}

.topList {
	padding: 8px;
	position: relative;
	zoom: 1;
	background: #f2f2f2
}

.topList .txts {
	width: 316px;
	height: 222px;
	padding: 17px 0 0 22px;
	background: #fff
}

.topList .txts li {
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	vertical-align: top;
	padding-left: 37px
}

.topList li.t1 {
	background-position: -440px 6px
}

.topList li.t2 {
	background-position: -440px -196px
}

.topList li.t3 {
	background-position: -440px -36px
}

.topList li.t4 {
	background-position: -440px -236px
}

.topList li.t5 {
	background-position: -440px -76px
}

.topList li.t6 {
	background-position: -440px -276px
}

.topList li.t7 {
	background-position: -440px -116px
}

.thA a.bn,.thA b,.col-ab-b-th em {
	background: url(http://www1.pclady.com.cn/global/2016/images/ladyIndex/indexPic.png) no-repeat
}

.blurBox .slide-pic .slide-wrap {
	width: 315px;
	height: 520px;
	padding: 15px 20px 0;
}

.blurBox .slide-pic li {
	width: 315px
}

.fd-tit {
	width: 315px;
	height: 28px;
	line-height: 28px;
	margin-bottom: 15px;
	font-size: 20px;
	border-bottom: 1px solid #000;
	position: absolute;
	top: 278px;
	left: 20px
}

.fd-tit .week-hot-txt {
	float: left;
	margin-right: 4px;
	display: inline
}

.fd-tit i {
	height: 28px;
	float: left;
	display: inline;
	background: url(http://www1.pclady.com.cn/global/2016/images/ladyIndex/indexPic.png) no-repeat
}

.modBoxB .tbB {
	padding-top: 44px
}

.modPic {
	width: 350px;
	position: relative;
	margin-right: -15px;
	zoom: 1
}

.modPic a {
	width: 150px;
	overflow: hidden;
	height: 180px;
	margin-right: 15px;
	float: left;
	display: inline
}

.modPic a .title {
	height: 38px;
	display: block;
	font: 14px/38px "Microsoft Yahei";
	overflow: hidden;
	text-align: center
}

.modBoxC {
	width: 1120px;
	margin: 0 auto 50px;
	padding-top: 30px;
	padding-bottom: 3px
}

.modBoxC li {
	width: 1120px;
	overflow: hidden
}

.modBoxC li a {
	width: 355px;
	float: left;
	margin-right: 28px;
	display: inline
}

.modBoxC li .img-wrap {
	margin-right: -29px;
	zoom: 1
}

.modBoxC .slide-pic .slide-wrap {
	width: 1120px;
	height: 290px
}

.modBoxC .circle-ctrl {
	bottom: 0
}

.modBoxC .slide-btn1 .prev,.modBoxC .slide-btn1 .next {
	margin-top: -66px
}

.focusArea {
	width: 1120px;
	margin: 0 auto;
	position: relative;
	zoom: 1;
	margin-bottom: 40px
}

.focusArea .slide-pic .slide-wrap {
	width: 1120px;
	height: 500px
}

.focusArea .title-alpha {
	width: 100%;
	height: 80px;
	padding: 0;
	line-height: 80px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(http://www1.pclady.com.cn/global/2016/images/ladyIndex/f_shadow.png) no-repeat center top
}


.special .thA b {
	width: 377px;
	background-position: -70px -832px
}

.beauty .thA b {
	width: 271px;
	background-position: -70px -903px
}

.beauty .week-hot-icon {
	width: 38px;
	background-position: 0 -120px
}

.week-hot .pics li {
	width: 150px;
	margin-right: 15px
}

.lohas .thA b {
	width: 246px;
	background-position: -67px -1318px
}

.lohas .col-b .pics {
	margin-right: -5px
}

.lohas .col-b .pics li {
	width: 175px;
	margin-right: 5px
}

.lo-hot {
	width: 353px;
	height: 76px;
	margin-top: 27px;
	border: 1px solid #e0e0e0
}

.lo-hot .hot-th {
	width: 109px;
	height: 17px;
	position: relative;
	margin: -9px auto 0;
	text-align: center;
	line-height: 17px;
	font-size: 16px;
	color: #e50a80;
	background-position: -80px -678px
}

.lo-hot .hot-tb {
	padding: 8px 0 0 13px;
	font-size: 14px;
	line-height: 26px
}

.lo-hot .hot-tb a {
	width: 70px;
	*width: 67px;
	float: left
}

.lo-hot .hot-tb a:hover {
	color: #e50a80
}

.lo-hot .hot-wrap {
	margin-right: -10px
}

.plastic .thA b {
	width: 321px;
	background-position: -80px -240px
}

.plastic .col-a .slide-pic .slide-wrap {
	height: 500px
}

.plastic .col-c .slide-pic .slide-wrap {
	height: 265px
}

.plastic .pic-txt {
	margin-right: -5px
}

.plastic .pic-txt li {
	margin-right: 5px
}

.active .tbA {
	padding-top: 40px
}

.choice .thA {
	min-width: 100%;
	border-bottom: 1px solid #000;
	height: 46px
}

.choice .thA b {
	width: 220px;
	height: 46px;
	background-position: -80px -410px
}

.choice .week-hot-icon {
	width: 77px;
	background-position: 0 -160px
}

.modern .thA {
	min-width: 100%;
	border-bottom: 1px solid #000;
	height: 46px
}

.modern .thA b {
	width: 321px;
	background-position: -80px -360px;
	height: 46px
}

.modern .dr-pics {
	margin-right: -15px
}

.modern .dr-pics li {
	width: 170px;
	margin-right: 15px
}

.modern .col-a .slide-pic .slide-wrap {
	width: 353px;
	height: 250px
}

.modern .col-a .mo-star .slide-pic .slide-wrap {
	height: 208px
}

.modern .col-a .circle-ctrl {
	bottom: 40px
}

.modern .col-a .mo-star .circle-ctrl {
	bottom: 10px
}

.mo-star {
	width: 353px;
	height: 241px;
	margin-top: 27px;
	border: 1px solid #e0e0e0
}

.mo-star .star-th {
	width: 119px;
	height: 20px;
	position: relative;
	margin: -12px auto 0;
	text-align: center;
	line-height: 20px;
	font-size: 18px;
	background-position: -80px -698px
}

.mo-star .star-tb {
	padding: 25px 0 0 0px;
	font-size: 14px;
	line-height: 26px
}

.mo-star .star-tb .pics li {
	width: 333px;
	padding-left: 20px
}

.mo-star .pic-txt {
	margin-right: -14px
}

.mo-star .pic-txt .title a:hover {
	color: #e50a80
}

.mo-star .slide-btn1 .prev,.mo-star .slide-btn1 .next {
	margin-top: -66px
}

.pic-txt .pic-txt-li {
	width: 150px;
	float: left;
	margin-right: 14px;
	background: none
}

.pic-txt .pic-txt-li .title {
	height: 45px;
	display: block;
	font: 14px/45px "Microsoft Yahei";
	overflow: hidden;
	text-align: center
}

.pic-txt .pic-txt-li .title i {
	color: #888;
	padding-left: 2px
}

.pic-txt .pic-txt-li img {
	border-radius: 100%
}

.visual .thA b {
	width: 248px;
	background-position: -80px -300px
}

.visual .xlittle {
	position: absolute;
	top: 0;
	left: 0
}

.h251 {
	width: 388px;
	height: 278px
}

.h340 {
	width: 388px;
	height: 374px
}

.h180 {
	width: 388px;
	height: 199px
}

.h221 {
	width: 388px;
	height: 244px
}

.h252 {
	width: 442px;
	height: 277px
}

.hl340 {
	width: 442px;
	height: 376px
}

.video .thA b {
	width: 322px;
	background-position: -70px -1031px
}

.baike .thA b {
	width: 312px;
	background-position: -80px -560px
}

.tab-box .tab-ctrl {
	height: 52px;
	padding-left: 190px;
	margin-bottom: 24px;
	line-height: 52px;
	font-size: 16px;
	color: #888
}

.tab-box .tab-ctrl .item {
	width: 92px;
	height: 52px;
	position: relative;
	float: left;
	text-align: center
}

.tab-box .tab-ctrl .item b {
	display: none;
	left: 50%;
	margin-left: -6px;
	bottom: 5px;
	border-width: 6px
}

.tab-box .tab-ctrl .current {
	font-size: 20px;
	color: #000
}

.tab-box .tab-ctrl .current b {
	display: block
}

.tab-wrap .pannel {
	margin-right: -30px;
	display: none
}

.tab-seo {
	width: 543px;
	float: left;
	margin: 0 30px 40px 0
}

.tab-seo .seo-th {
	line-height: 20px;
	font-size: 16px;
	color: #e40981;
	margin-bottom: 10px
}

.tab-seo .seo-tb {
	width: 524px;
	height: 125px;
	padding-left: 19px;
	padding-top: 15px;
	border: 1px solid #ececec
}

.tab-seo .seo-tb a {
	width: 70px;
	margin-right: 20px;
	line-height: 28px;
	float: left;
	display: inline;
	font-size: 14px;
	overflow: hidden
}

.tab-seo .txts {
	margin-right: -20px
}


</style>