﻿
a:link, a:visited {
    color:#555; text-decoration:none;
}
a:hover, a:active {
    color:#c5254b; text-decoration:underline;
}


/*容器*/
.Beauty_Cont {
	padding:4px; width:986px; background:#ffe4ea; border:1px solid #ffd6e1; float:left;
}
.Beauty_ContA {
	padding:8px; width:968px; background:#fff; border:1px solid #ffb7ca; float:left;
}
.Beauty_ContB {
	margin-top:8px; padding:8px; width:968px; background:#fff; border:1px solid #ffb7ca; float:left; clear:both;
}
.Beauty_ContC {
	margin-top:8px; padding:8px; width:470px; background:#fff; border:1px solid #ffb7ca; float:left;
}
.Beauty_ContD {
	margin-top:8px; margin-left:10px; padding:8px; width:470px; background:#fff; border:1px solid #ffb7ca; float:left; display:inline;
}


/***********************首页开始******************************/
/*第一屏*/
#First {
	width:968px; background:url(/templets/cocoren/images/ppqb_bg.jpg) repeat-y 665px 0; float:left;
}
#Jd_Pic {
	width:313px; float:left;height:430px;
}
#Jd_Text {
	padding:6px; width:338px; height:418px; background:#fafafa; border-top:1px solid #e1e1e1; float:left;
}
#Ppqb {
	width:303px; height:430px;float:left;
}

.Jd01 {
	width:338px; font-size:14px; font-weight:bold; line-height:26px; text-align:center; float:left;
}
.Jd02 {
	 padding:8px 0; margin-bottom:8px; width:338px; border-bottom:1px solid #e1e1e1; float:left;
}
.Jd02 li {
	padding-left:10px; width:159px; height:24px; background:url(/templets/cocoren/images/idoc01.gif) no-repeat top left; overflow:hidden;
}
.Jd03 {
	 padding-bottom:8px; width:338px; float:left;
}
.Jd03 img {
	width:85px; height:85px; float:left; margin-right:10px; margin-top:7px;
}
.Jd03 li {
	width:238px; font-size:14px; line-height:26px; float:right;
}
#Jrss {
	padding:2px 5px; width:328px; height:65px; color:#c5254b; float:left;text-align:center; 
}
#Jrss a:link, #Jrss a:visited {
	padding:0 3px; color:#de4a6d;
}
#Jrss a:hover, #Jrss a:active {
	padding:0 3px; color:#a82947;
}
/*焦点图切换*/
.JdQh_Cont, .JdQh_Cont *{
	margin:0; padding:0;
}
.JdQh_Cont{
	width:302px; height:418px; overflow:hidden;position:relative;
}
.slider{
	position:absolute;
}
.slider li{
	list-style:none;display:inline;
}
.slider img{
	width:302px; height:418px; display:block;
}
.slider2{
	width:2000px;
}
.slider2 li{
	float:left;
}
.num{
	position:absolute; right:5px; bottom:5px;
}
.num li{
	float: left; color: #fff; text-align: center; line-height: 18px; width: 18px; height: 18px; font-family: Arial;	font-size: 12px; cursor: pointer; overflow: hidden; margin:0 2px; margin-top:2px; border: 1px solid #c5254b;	background-color: #c5254b;
}
.num li.on{
	color: #c5254b; line-height: 20px;	width: 20px; height: 20px; font-size: 14px;	margin: 0 1px; background-color: #fff; font-weight: bold;
}
/*结束*/
#Ppqb_Nav {
	width:303px; text-align:center;
}
.Ppqb_Top {
	padding:6px 12px 0 12px; width:279px; color:#888; float:left;
}
.Ppqb_Top img {
	margin:3px 8px 0 0; width:80px; height:80px; float:left;
}
#Ppqb_Cont {
	padding:5px 12px; width:279px; float:left;
}
#Ppqb_Cont li  {
	padding-left:10px; width:269px;  background:url(/templets/cocoren/images/idoc01.gif) no-repeat top left;
}
#Ppqb_Ad {
	width:303px; text-align:center; float:left;
}
#Ppqb_Ad img {
	margin:0 auto;
}

.Beauty_Area {
	margin-top:30px; padding:4px; width:958px; border:1px solid #eee; font-size:12px; float:left; clear:both;
}
.Beauty_Area a {
	padding:0 6px 0 0;
}

/*化妆品库*/
#Hzpk_Nav {
	width:968px; padding-bottom:8px; float:left;
}
#Hzpk_Nav_Left {
	width:300px; float:left;
}
#Hzpk_Nav_Right {
	padding-top:5px; width:668px; float:left;
}
#Hzpk_Nav_Right li {
	padding:0 5px; width:auto; float:left;
}
#Hzpk_Cont {
	margin-right:8px; width:587px; border:1px solid #dcdcdc; float:left; display:inline;
}
.Hzpk_ZuoYou {
	width:20px; float:left;
}
#Hzpk_Pic {
	padding:8px 1px; width:545px; height:129px; float:left; overflow:hidden;
}
#Hzpk_Pic li {
	width:109px; text-align:center;
}
#Hzpk_Pic li img {
	margin:0 auto; width:95px; height:105px; display:block;
}
#Hzpk_Tags {
	padding:6px 6px 6px 29px; width:336px; background:#bbbbbb url(/templets/cocoren/images/hzpk_tagsbg.gif) no-repeat top left; float:left;
}
#Hzpk_TagsCont {
	padding:5px 8px; width:320px; height:125px; background:#fff; float:left;
}
#Hzpk_TagsCont img {
	float:left; margin-right:10px;
}
#Hzpk_TagsCont a {
	padding:0 8px;
}

/*化妆品库左右滚动样式*/
.rollBox{width:545px;overflow:hidden;}
.rollBox .Cont{width:545px;overflow:hidden;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:545px;float:left;}
*+html .rollBox .Cont .pic{width:545px;float:left;}
.rollBox .Cont .pic img{background:#fff;display:block;}
.rollBox #List1,.rollBox #List2{float:left;}
/*结束**/

/*完美肌肤*/
#Wmjf_Nav {
	width:968px; padding-bottom:8px; float:left;
}
#Wmjf_Nav_Left {
	width:125px; float:left;
}
#Wmjf_Nav_Right {
	padding-top:11px; width:843px; color:#de4a6d; float:left;
}
#Wmjf_Nav_Right span {
	float:right;
}
#Wmjf_Nav_Right a:link, #Wmjf_Nav_Right a:visited {
	color:#de4a6d; padding:0 7px;
}
#Wmjf_Nav_Right a:hover, #Wmjf_Nav_Right a:active {
	color:#a82947; padding:0 7px;
}
#Wmjf01 {
	padding:14px; width:202px; height:298px; background:url(/templets/cocoren/images/wmjf01_bg.gif) no-repeat; text-align:center; font-size:14px; font-weight:bold; float:left;
}
#Wmjf01 img {
	width:202px; height:274px; display:block;
}
#Wmjf02 {
	padding:0 8px; width:210px; float:left;
}
#Wmjf02 li {
	padding-left:10px; width:200px; background:url(/templets/cocoren/images/idoc01.gif) no-repeat top left; font-size:14px; line-height:26px;
}
#Wmjf02 li#WmjfNone {
	padding:0; width:210px; text-align:center; font-weight:bold; background:none;
}
#Wmjf03 {
	width:136px; float:left;
}
#Wmjf03 li {
	width:136px; height:108px; text-align:center;
}
#Wmjf03 img {
	width:110px; height:80px; margin:0 auto; display:block;
}
#Wmjf04 {
	padding:6px; width:364px; background:#f5f5f5; float:left;
}
.Wmjf04_Nav {
	padding:0 2px; width:360px; background:url(/templets/cocoren/images/wmjf04_navbg.gif) repeat-x bottom left; float:left;
}
.Wmjf04_Nav li {
	margin:1px 4px 0 4px; width:50px; background:#fff; border:1px solid #dedede; text-align:center; line-height:22px; display:inline; cursor:pointer;
}
.Wmjf04_Nav li.Wmjf04Now {
	margin:0 5px; border:0; background:url(/templets/cocoren/images/wmjf04_navbg_now.gif) no-repeat; font-weight:bold; line-height:25px; color:#c5254b;
}
.Wmjf04_Cont {
	padding:7px; width:350px; background:#fff; float:left;
}
.Wmjf04_Cont01 {
	padding:6px 0; width:350px; float:left;
}
.Wmjf04_Cont01 img {
	width:65px; height:65px; margin:5px 10px 0 0;
}
.Wmjf04_Cont02 {
	padding:6px 0; width:350px; float:left;
}
.Wmjf04_Cont02 li {
	padding-left:10px; width:165px; background:url(/templets/cocoren/images/idoc01.gif) no-repeat top left;
}
.Wmjf04_Cont03 {
	padding:3px 8px; width:332px; background:#f8f8f8; border:1px solid #eee; float:left;
}
.Wmjf04_Cont03 a:link, .Wmjf04_Cont03 a:visited {
	color:#de4a6d; padding:0 7px;
}
.Wmjf04_Cont03 a:hover, .Wmjf04_Cont03 a:active {
	color:#a82947; padding:0 7px;
}

/*美容问答*/
#Mrwd_Nav {
	width:968px; padding-bottom:8px; float:left;
}
#Mrwd_Nav_Left {
	width:125px; float:left;
}
#Mrwd_Nav_Right {
	padding-top:11px; width:733px; color:#de4a6d; float:left;
}
#Mrwd_Nav_Right a:link, #Mrwd_Nav_Right a:visited {
	color:#de4a6d; padding:0 7px;
}
#Mrwd_Nav_Right a:hover, #Mrwd_Nav_Right a:active {
	color:#a82947; padding:0 7px;
}
#Mrwd_Nav_Ytiwen {
	padding-top:3px; width:110px; text-align:center; float:left;
}
#Mrwd01 {
	padding:14px; width:202px; height:252px; background:url(/templets/cocoren/images/mrwd01_bg.gif) no-repeat; float:left; overflow:hidden;
}
#Mrwd01 img {
	margin:0 auto; width:202px; height:124px; display:block;
}
#Mrwd01_Wen {
	margin:5px 0; padding-left:32px; width:170px; background:url(/templets/cocoren/images/wen_bg.jpg) no-repeat top left; border-bottom:1px dashed #c5254b; float:left;
}
#Mrwd01_Da {
	margin:5px 0;padding-left:32px; width:170px; background:url(/templets/cocoren/images/da_bg.jpg) no-repeat top left; float:left;
}
#Mrwd02 {
	padding:0 10px; width:510px; float:left;
}
#Mrwd02_Nav {
	padding-left:20px; width:490px; background:url(/templets/cocoren/images/mrwd_navbg.gif) repeat-x bottom left; float:left;
}
#Mrwd02_Nav li {
	margin:1px 8px 0 8px; width:94px; background:#fdf6f7; border:1px solid #ffe4ea; text-align:center; line-height:22px; color:#c5254b; display:inline; cursor:pointer;
}
#Mrwd02_Nav li.Mrwd02Now {
	margin:0 8px; border:0; background:url(/templets/cocoren/images/mrwd02_navbg_now.gif) no-repeat; font-weight:bold; line-height:25px; color:#c5254b;
}
.Mrwd02_Cont {
	padding-top:8px; width:510px; float:left;
}
.Mrwd02_Cont li {
	width:510px; line-height:26px; text-align:center;
}
.XuanSF {
	width:50px; float:left;
}
.BiaoT {
	width:250px; text-align:left; float:left;
}
.HuiDS {
	width:60px; float:left;
}
.Shij {
	width:80px; float:left;
}
.TiWZ {
	width:70px; float:left;
}
#Mrwd03 {
	padding:4px; width:198px; background:#fdf6f7; border:1px solid #ffe4ea; float:left;
}
#Mrwd03_Nav {
	padding:3px 0 3px 10px; width:188px; background:#fff; border-bottom:1px solid #ffe4ea; font-weight:bold; color:#c5254b; float:left;
}
#Mrwd03_Cont {
	padding:5px; width:188px; background:#fff; float:left;
}
#Mrwd03_Cont li {
	width:188px; 
}
#Mrwd03_Cont li span {
	color:#c5254b;
}

/*美容评测及试用报告*/
.PcSy_Nav {
	width:470px; float:left;
}
.PcSy_Nav  span {
	float:right; padding-top:10px;
}
.PcSy_Left {
	width:220px; text-align:center; font-size:14px; font-weight:bold; float:left;
}
.PcSy_Left img {
	margin:0 auto; width:200px; height:270px; display:block;
}
.PcSy_Right01 {
	padding-bottom:4px; width:250px; color:#888; float:left;
}
.PcSy_Right01 a {
	font-size:14px; font-weight:bold;
}
.PcSy_Right02 {
	width:250px; float:left;
}
.PcSy_Right02 li {
	padding-left:10px; width:240px; background:url(/templets/cocoren/images/idoc01.gif) no-repeat top left; font-size:14px; line-height:26px;
}
.PcSy_Right03 {
	width:250px; float:left;
}
.PcSy_Right03 li {
	width:125px; text-align:center;
}
.PcSy_Right03 li img {
	margin:0 auto; width:100px; height:70px; display:block;
}
.PcSy_Base {
	padding:4px; width:460px; background:#fdf6f7; border:1px solid #ffe4ea; float:left; clear:both;
}
.PcSy_BaseCont {
	padding:5px; width:450px; background:#fff; float:left;
}
.PcSy_BaseCont li {
	padding-left:10px; width:215px; background:url(/templets/cocoren/images/idoc01.gif) no-repeat top left;
}

/*美容问答*/
#Mrtk_Nav {
	width:968px; padding-bottom:8px; float:left;
}
#Mrtk_Nav_Left {
	width:125px; float:left;
}
#Mrtk_Nav_Right {
	padding-top:11px; width:843px; color:#de4a6d; text-align:right; float:left;
}
#Mrtk_Nav_Right a:link, #Mrtk_Nav_Right a:visited {
	color:#de4a6d; padding:0 7px;
}
#Mrtk_Nav_Right a:hover, #Mrtk_Nav_Right a:active {
	color:#a82947; padding:0 7px;
}
#Mrtk_Cont {
	margin:0 9px; padding:20px 0 0 180px; width:770px; height:224px; background:url(/templets/cocoren/images/mrtk_bg.gif) no-repeat; float:left; display:inline;
}
.Mrtk_Cont_Ce {
	width:20px; float:left;
}
#Mrtk_Cont_Pic {
	width:760px; float:left;
}
#Mrtk_Cont_Pic li {
	width:152px;
}
#Mrtk_Cont_Pic li img {
	margin:0 auto; width:142px; height:206px; border:2px solid #fff; display:block;
}

/***********************首页结束******************************/

/***********************列表页开始******************************/
/*列表置顶*/
#List_Top {
	width:732px; background:url(/templets/cocoren/images/list_top_bg.gif) no-repeat left bottom; float:left;
}
#List_Top li {
	margin:0 15px 0 0; padding:15px; padding-bottom:30px; width:321px; height:92px; background:url(/templets/cocoren/images/list_bg.jpg) no-repeat top left; color:#888; float:left; display:inline;
}
#List_Top li span {
	font-size:14px; font-weight:bold;
}
#List_Top li img {
	margin-right:10px; width:90px; height:90px; border:1px solid #FFF; float:left;
}

/*精彩专题*/
#JcZt {
	width:236px; background:#fff2f6; float:left;
}
#JcZt_Nav {
	width:236px; float:left;
}
#JcZt_Pic {
	padding:3px 0; width:236px; float:left;
}
#JcZt_Pic li {
	width:118px; text-align:center; float:left;
}
#JcZt_Pic li img {
	margin:0 auto; width:100px; height:100px; display:block;
}
#JcZt_Text {
	padding:8px; width:220px; float:left;
}
#JcZt_Text li {
	padding-left:10px; width:210px; background:url(/templets/cocoren/images/idoc01.gif) no-repeat top left;  float:left;
}
/*图库*/
#List_TukuNav {
	width:717px; float:left;
}
#List_TukuNav span {
	padding-top:4px; float:right;
}
#List_Tuku {
	padding:10px 5px; width:705px; border:1px solid #ffb7ca; float:left;
}
#List_Tuku li {
	width:141px; text-align:center;
}

#List_Tuku li img {
	width:125px; height:143px; padding:2px; border:1px solid #d8d8d8; display:block; text-align:center;
}

/*栏目描述*/
#ZhuanQ_Top {
	margin:0 15px 0 0; padding:8px 12px; width:693px; height:178px; background:url(/templets/cocoren/images/zhuanq_bg.gif) no-repeat left bottom; float:left; display:inline;
}
#ZhuanQ_Left {
	padding-left:7px; width:503px; height:178px; overflow:hidden; float:left;
}
#ZhuanQ_Left h1 {
	width:503px; background:url(/templets/cocoren/images/xuxian_heng02.gif) repeat-x left bottom; font-size:20px; color:#830120; line-height:30px; float:left;
}
#ZhuanQ_Left h2 {
	padding-top:5px; width:503px; font-size:14px; line-height:30px; color:#c5254b; float:left;
}
#ZhuanQ_Left h3 {
	width:503px; font-size:12px; color:#555; font-weight:normal; line-height:24px; float:left; float:left;
}
#ZhuanQ_Right {
	width:180px; text-align:right; float:right;
}
#ZhuanQ_Right img {
	padding:3px; background:#fff; width:160px; height:170px; border:1px solid #eee;
}

/*相关专区*/
#Xgzq {
	width:236px; height:194px; background:#fff2f6; float:left; overflow:hidden;
}
#Xgzq_Nav {
	margin:0 10px; padding:5px 0 0 0; width:216px; background:url(/templets/cocoren/images/xuxian_heng02.gif) repeat-x left bottom; font-size:14px; font-weight:bold; color:#c5254b; float:left; display:inline;
}
#Xgzq_Cont {
	padding:8px; width:220px; height:148px; float:left; overflow:hidden;
}
#Xgzq_Cont a {
	padding:0 8px 0 0;
}

