/*  ===================================   public begin  ===================================  */
*{ margin:0; padding:0;font-family:'宋体';}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ padding:0;margin:0;font-size:12px; font-family:'宋体';}
fieldset,img {border: 0; }
ol,ul,li {list-style: none;}
a{ text-decoration:none;}
img{ border:0;}
.clear{ clear:both;}
.margin_left12{ margin-left:12px;}
.margin_rihgt12{ margin-rihgt:12px;}
.margin_top12{ margin-top:12px;}
.margin_bottom12{ margin-bottom:12px;}
.m_lines{background:url(http://www.dooland.com/magazine/images/header_fg.jpg) no-repeat right center; padding:0 5px;}

/*  ===================================   public end  ===================================  */
#layout{ width:990px; margin:0 auto;}
.local{ width:990px; height:32px; color:#333; line-height:32px;}
.local a{color:#333; text-decoration:none; padding:0 10px;}
.local a:hover{ color:#D7252F;}
.local .ico{ background:url(http://www.dooland.com/magazine/images/mag_det/mag_deta_ico.jpg) no-repeat right center;}
/*  ===================================   文章+图片首页 begin  ===================================  */
#article-bd1{ width:990px; height:1210px;}
#bd1-left{ width:688px;float:left;}

#bd1_banner{ width:688px; height:340px; float:left; position:relative; overflow:hidden; }
#bd1_banner #fbox{ width:688px; height:340px;overflow: hidden;}
#bd1_banner #fbar{ width:688px;height:56px; line-height:28px;color:#fff; position:absolute;bottom:0; left:0;}
#bd1_banner .conter{height: 50px;width: 555px;cursor: pointer;display: block;float: left; background: url(http://www.dooland.com/onsale/images/flashbar_bg.png) repeat;color:#fff; padding-top:6px; _padding-top:0px;}
#bd1_banner .conter h1,#bd1_banner .conter p{ padding-left:35px; height:20px; font-weight:lighter;}
#bd1_banner .conter p a{ height:20px; font-weight:lighter; color:#FFF;}
#bd1_banner .num{ width:133px; height:40px; float:left; display:block;background: url(http://www.dooland.com/onsale/images/flashbar_bg.png) repeat;padding-top:16px;}
#bd1_banner .num a{ padding:6px 8px; border:1px solid #fff; color:#fff; margin-right:7px; background:#000; }
#bd1_banner .num a:hover,#bd1_banner .num .on{ color:#c09019; border:1px solid #c09019;}

#focus-picture{ width:688px; height:250px; color:#333;}
#focus-picture .top{ width:688px; height:35px; border-bottom:2px solid #777575;}
#focus-picture .title{ width:100px; float:left; font-size:14px; font-weight:bold; padding-top:13px; text-indent:15px;}
.k_sit{ width:50px; float:right; height:30px;_height: 18px;_overflow: hidden;margin-top: 5px;}
.k_sit .on {background: #333;}
.k_sit a{width: 6px;height:6px;float: left;margin: 12px 0px 0px 6px; background:#9e9e9e;}
#focus-picture .content{ width:688px; height:200px;}
#focus-picture .content ul{}
#focus-picture .content li{ width:229px; height:200px; float:left; display:block;}
#focus-picture .content .pic{ width:212px; height:140px; border:1px solid #d7d7d7; margin:8px 8px 5px 8px; overflow:hidden; _display:inline;}
#focus-picture .content .txt{ width:212px; height:40px; margin:0 8px; line-height:20px; text-align:center;}
#focus-picture .content .txt a{display:block; color:#4a4b4b;}
#focus-picture .content .txt a:hover{color:#D7252F;}
#focus-picture .content .txt p{ color:#777;}
#focus-picture .content .on{ background:#F7F7F7;}

#Headlines{ width:688px; height:597px; color:#4a4b4b;}
.today-lines{ width:342px; height:595px; border:1px solid #d7d7d7; float:left;}
.today-lines .title{ width:340px; height:36px; margin:1px;background:#F7F7F7; text-indent:20px; line-height:36px; font-weight:bold;}
.today-lines ul{ width:296px; height:512px; margin:23px 23px 0 23px;}
.today-lines li{ width:296px; height:54px; float:left; display:block;}
.today-lines li h3{width:296px; height:15px; overflow:hidden; font-size:14px;}
.today-lines li em{ font-style:normal; font-weight:lighter;}
.today-lines li a{ color:#4a4b4b;}
.today-lines li a:hover{ color:#D7252F;}
.today-lines b{ width:241px; height:25px; line-height:25px; color:#777; margin-left:55px; font-weight:lighter;}
.big-lines{ width:296px; height:127px; border-bottom:1px dotted #d7d7d7;text-align:justify; margin-bottom:27px; float:left;}
.big-lines h2{ width:296px; height:20px;  overflow:hidden; font-size:16px;}
.big-lines h2 a{color:#D7252F;}
.big-lines .date{ width:296px; height:20px; overflow:hidden; color:#777;line-height: 20px;}
.big-lines .date a{ color:#777;line-height: 20px;}
.big-lines p{ width:296px; height:60px; overflow:hidden; color:#4a4b4b; line-height:20px; margin-top:10px; }
.big-lines p a,.past-lines p a{color:#4a4b4b;}
.big-lines p a,.past-lines p a:hover{color:#D7252F;}

.past-lines{ width:330px; height:595px; border:1px solid #d7d7d7; float:right;}
.past-lines .title{ width:328px; height:36px; margin:1px;background:#F7F7F7; text-indent:20px; line-height:36px; font-weight:bold;}
.past-lines ul{ width:290px; height: 540px; margin:0 20px}
.past-lines li{ width:290px; height:123px; margin-top:15px;}
.past-lines li h3{ width:290px; height:20px;  font-size:14px;}
.past-lines li a{color:#4a4b4b;}
.past-lines li a:hover{color:#D7252F;}
.past-lines .date{width:290px; height:20px; overflow:hidden; color:#777;line-height: 20px;}
.past-lines p{ width:290px; height:60px; overflow:hidden; color:#4a4b4b; line-height:20px; margin-top:10px; }
.past-lines p a{color: #D7252F;}
.b-border{border-bottom:1px dotted #d7d7d7;}

#bd1-right{ width:290px; float:right;}

#Topic{ width:288px; height:339px; border:1px solid #d7d7d7;}
#Topic .top{ width:288px; height:40px; line-height:40px; text-indent:15px; color:#333; font-size:14px; font-weight:bold;}
#Topic .pic{ width:260px; height:140px; padding:1px; border:1px solid #d7d7d7; overflow:hidden; margin-bottom:15px;}
#Topic ul{ width:264px; height:275px; padding:0 12px;}
#Topic li{ width:254px; height:22px; background:url(../images/article/Topic-li-bg.jpg) no-repeat left center; padding-left:10px; line-height:22px; overflow:hidden;}
#Topic li a{ color:#4a4b4b;}
#Topic li a:hover{ color:#D7252F;}
#article-hot{ width:288px; height:437px;border:1px solid #d7d7d7; border-top:none;}
#article-hot .top{ width:288px; height:38px; background:url(../images/article/article-hot-bg.jpg) no-repeat 0 0;text-indent:55px;color:#333; font-size:14px; font-weight:bold; line-height:38px;}
#article-hot ul{ width:268px; height:380px;padding:15px 10px 0 10px;}
#article-hot li{ width:253px; height:36px; border-bottom:1px dotted #d7d7d7; float:left; display:block; line-height:36px;overflow: hidden; padding-left:15px;}
#article-hot li a{ width:210px; height:36px; float:left; display:block; color:#4a4b4b;}
#article-hot li a:hover{color:#D7252F;}
#article-hot li span{ width:43px; height:36px; float:right; display:block; color:#777; text-align:right;}

.a_ico_1{ background:url(http://www.dooland.com/magazine/images/mag_index/1_ico.jpg) no-repeat left center;}
.a_ico_2{ background:url(http://www.dooland.com/magazine/images/mag_index/m_2_ico.jpg) no-repeat left center;}
.a_ico_3{ background:url(http://www.dooland.com/magazine/images/mag_index/m_3_ico.jpg) no-repeat left center;}
.a_ico_4{ background:url(http://www.dooland.com/magazine/images/mag_index/4_ico.jpg) no-repeat left center;}
.a_ico_5{ background:url(http://www.dooland.com/magazine/images/mag_index/5_ico.jpg) no-repeat left center;}
.a_ico_6{ background:url(http://www.dooland.com/magazine/images/mag_index/6_ico.jpg) no-repeat left center;}
.a_ico_7{ background:url(http://www.dooland.com/magazine/images/mag_index/7_ico.jpg) no-repeat left center;}
.a_ico_8{ background:url(http://www.dooland.com/magazine/images/mag_index/8_ico.jpg) no-repeat left center;}
.a_ico_9{ background:url(http://www.dooland.com/magazine/images/mag_index/9_ico.jpg) no-repeat left center;}
.a_ico_10{ background:url(http://www.dooland.com/magazine/images/mag_index/10_ico.jpg) no-repeat left center;}

#Boutique{width:288px; height:406px; border:1px solid #d7d7d7;}
#Boutique .top{ width:286px; height:36px; margin:1px; background:#f7f7f7; font-size:14px; color:#4a4b4b; text-indent:15px; line-height:36px; font-weight:bold;}
#Boutique ul{ width:250px; height:351px; padding:10px 18px 0 18px;}
#Boutique li{ width:250px; height:22px; display:block; float:left; background:url(../images/article/Topic-li-bg.jpg) no-repeat left center; padding-left:10px; line-height:22px;}
#Boutique li a{ color:#4a4b4b;}
#Boutique li a:hover{color: #D7252F;}
#Boutique .cover{ width:134px; height:170px; text-align:center; padding-left:60px;}
#Boutique .cover .pic{ width:134px; height:170px; overflow:hidden;}
#Boutique .txt{ width:250px; height:20px; overflow:hidden; color:#777; line-height:20px; text-align:center; padding:10px 0 20px 0;}
#Boutique .txt a{ color:#777; line-height:20px; text-align:center;}

.img-ranking{ width:988px; height:514px; border:1px solid #d7d7d7;}
.img-ranking .top{ width:968px; height:42px; border-bottom:1px solid #d7d7d7; margin:0 10px; background:url(../images/article/top-ico.jpg) no-repeat 10px 0px; font-size:14px; font-weight:bold; color:#4a4b4b; line-height:42px; text-indent:55px;}
.img-ranking ul{ padding:0 2px;}
.img-ranking li{width: 214px;height: 210px; float:left; display:block;padding: 18px 16px 0 16px;background-position: 17px 168px;}
.img-ranking .pic{width: 212px;height: 140px;border: 1px solid #D7D7D7; overflow:hidden; }
.img-ranking .txt{width: 152px; height:60px; text-align:center;padding:0 30px; line-height:18px;margin-top:5px;}
.img-ranking .txt a{width: 152px; max-height:40px;overflow:hidden; color:#4a4b4b; display:block; line-height:20px; }
.img-ranking .txt a:hover{color: #D7252F;}
.img-ranking .txt p{width: 152px; height:20px; overflow:hidden; color:#777;}

#news-article{ width:988px; height:560px; border:1px solid #d7d7d7;}
.txt_list{ width:220px; height:252px; padding: 25px 10px 0 15px; float:left; display:block;}
.txt_list .title{ width:220px; height:25px; background:url(../images/article/news-article-bg.jpg) no-repeat 0 0; text-indent:15px; color:#4a4b4b; font-size:14px; font-weight:bold; line-height:25px;}
.txt_list ul{}
.txt_list li{ width:220px; height:35px; float:left; padding:18px 0 0 0;}
.txt_list li a{ width:210px; height:15px; overflow:hidden; color:#4a4b4b;display: block; background:url(../images/article/article-listico.jpg) no-repeat left center; padding-left:10px;}
.txt_list li a:hover{color: #D7252F;}
.txt_list .date{ width:210px; height:25px; line-height:25px; overflow:hidden; color:#777;}
.txt_list .date a{ width:210px; height:25px; line-height:25px; overflow:hidden; color:#777; padding-left:10px; background:none;}
.txt_list .date a:hover{ width:210px; height:25px; line-height:25px; overflow:hidden; color:#777; padding-left:10px;}

.img_list{ width:220px; height:230px; padding:25px 10px 0  15px; margin-top:25px; float:left;}
.img_list .pic{ width:202px; height:135px; padding:5px;border-right: 1px solid #9C9C9C;border-bottom: 1px solid #9C9C9C;border-top: 1px solid #E4E4E4;border-left: 1px solid #E4E4E4; margin-bottom:20px;}
.img_list .title{ width:210px; height:15px; overflow:hidden; color:#4a4b4b;display: block; background:url(../images/article/article-listico.jpg) no-repeat left center; padding-left:10px;}
.img_list .title a{ color:#4a4b4b;}
.img_list .title a:hover{color: #D7252F;}
.img_list .date{ width:210px; height:25px; line-height:25px; overflow:hidden; color:#777; padding-left:10px;}
.img_list .date a{ width:210px; height:25px; line-height:25px; overflow:hidden; color:#777; padding-left:10px;}
/*  ===================================   文章+图片首页 end    ===================================  */

/*  ===================================   图片首页 begin    ===================================  */
#pic-bd1{ width:990px; height:645px; background:#1e1e1e;}
#pic-bd1 #bd1-left{ width:688px; height:645px; float:left;}
#pic-bd1 #bd1-right{ width:302px; height:645px; float:right;}
.pic-source{ width:302px; height:450px; background:#333 url(../images/article/pic-source-bg.jpg) no-repeat left top;}
.pic-source .top{ width:297px; height:40px; line-height:40px; color:#777; font-size:14px; font-weight:bold; text-indent:25px;}
.pic-source .magazine{ width:175px; height:340px; padding:0 63px;}
.pic-source .magazine .pic{ width:175px; height:253px; overflow:hidden;}
.pic-source .magazine .title{ width:175px; height:15px; text-align:center; color:#fff; font-weight:bold; margin-top:20px; overflow:hidden; margin-bottom:2px;}
.pic-source .magazine .title a{ color:#fff; font-weight:bold;}
.pic-source .magazine .date{ width:175px; height:15px; text-align:center; color:#777;overflow:hidden; margin-bottom:2px;}
.pic-source .magazine .price{ width:175px; height:18px; text-align:center; color:#fff;}
.pic-source .magazine .price b{ color:#D7252F;}
.pic-source .but{ width:277px; height:40px; padding:0 10px;}
.pic-source .but a{ padding-left:10px;}
.pic-imgji{ width:302px; height:119px; padding:38px 0px; background:url(../images/article/pic-source-bg2.jpg) no-repeat left top;}
.pic-imgji .imges-content{ width:122px; height:119px; float:left; margin-left:17px; display:inline;}
.pic-imgji .pic{ width:122px; height:80px; border:1px solid #d7d7d7; overflow:hidden;}
.pic-imgji .pic a{ width:61px; height:80px; overflow:hidden;}
.pic-imgji p{ width:122px; height:20px; color:#777; text-align:center; margin-top:15px;}

#wond-recom{ width:988px; height:290px; border:1px solid #d7d7d7;}
#wond-recom .top{ width:968px; height:42px; border-bottom:1px solid #d7d7d7; margin:0 10px;  color:#4a4b4b; line-height:42px;}
#wond-recom .top .title{ width:100px; float:left; text-indent:10px; font-size:14px;font-weight:bold;}
#wond-recom .top .search{ width:480px; height:42px; line-height:42px; float:right; padding:0 5px;}
#wond-recom .top .search .label{ float:left;}
#wond-recom .top .search .label a{ color:#4a4b4b; padding:0 5px;}
#wond-recom .top .search .label a:hover{ text-decoration:underline;}
#wond-recom .top .search .search-input{ float:right; width:200px; height:27px; background:url(images/pic-search-bg.jpg) no-repeat right center; border:1px solid #ccc; margin-top:7px; border-right:none;}
#wond-recom .top .search .sear-wid{ width:171px; height:10px; border:0; padding:8px 0; margin-bottom:20px;}
#wond-recom .top .search .but{width:29px; height:28px; margin-bottom:20px;}
#wond-recom ul{ padding:10px 2px;}
#wond-recom li{width: 214px;height: 210px; float:left; display:block;padding: 18px 16px 0 16px;background-position: 17px 168px;}
#wond-recom .pic{width: 212px;height: 140px;border: 1px solid #D7D7D7; overflow:hidden; }
#wond-recom .txt{width: 202px; height:60px; text-align:center;padding:0 5px; line-height:18px;margin-top:5px;}
#wond-recom .txt a{width: 202px; max-height:40px;overflow:hidden; color:#4a4b4b; display:block; line-height:20px; }
#wond-recom .txt a:hover{color: #D7252F;}
#wond-recom .txt p{width: 202px; height:20px; overflow:hidden; color:#777;}
/*  ===================================   图片首页 end    ===================================  */

/*  ===================================   图片首页大图切换 begin    ===================================  */
.cbody988{ margin:0 auto;width:988px; position:relative;}
.cbody937{ margin:0 auto;width:937px; position:relative; padding-left:7px;}
input,select,textarea,img{vertical-align:middle;}
img{ border:0;}
ul,li{list-style-type:none;}
.overhide{overflow:hidden;text-indent:-100em;}
/*位置属性*/
.marTop10{margin-top:10px;}
.left{	float:left;}
.right{	float:right;}
.clear {clear: both;}
.clearfix:after {clear: both;content: '';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix {display: +inline-block;}

/*header*/
#header{ border-bottom:1px solid #383838; height:46px; position:relative;  line-height:46px;color:#FFFFFF; }
#header h1{font-size:12px; font-weight:normal; background:url(news.png) no-repeat 50px center; padding-left:163px;}
#header span{ position:absolute; right:10px; top:0px;color:#9A9A9A;font-size:12px; font-weight:normal; }
#header span a{ color:#9A9A9A; margin:0 3px;}

/*wrapper*/
#wrapper{ width:960px;  margin:0 auto;}
#picSlideWrap{}

.imgnav{ width:788px; margin:10px auto;}
#content{margin:0px auto;  line-height:19px;}
#content p{ text-indent:2em; color:#333;}

.imgnav{  position:relative; margin:0 auto; width:688px;}
#img{ z-index:10; width:688px; position:relative; text-align:center; overflow:hidden; height:450px;}
#img img{ height:450px; display:none;}
#bottom_txt{ width:688px; height:47px; z-index:999; position:absolute; left:0; bottom:0; background:url(../images/article/ico/bottom_txt-bg.png) repeat-x 0 0;}
#bottom_txt h1{ width:555px; height:47px; text-indent:20px; font-size:14px; line-height:47px; color:#fff; text-align:left; float:left;}
#bottom_txt span{ display:block; width:125px; height:47px; line-height:47px; color:#a8a8a8; float:left;}
#front{ position:absolute; left:0px; top:0px; z-index:10; cursor:pointer;  width:394px; height:578px; background:url(../images/article/ico/blank.gif); }
#front a{  position:absolute; left:10px; top:170px;display:block; background:url(../images/article/ico/imgSlideLeft.png) no-repeat; width:60px; height:60px; display:none;}
#next{  position:absolute; right:0px; top:0px; z-index:10;cursor:pointer; width:394px; height:450px;  background:url(../images/article/ico/blank.gif);}
#next a{  position:absolute; right:10px; top:170px; display:block; background:url(../images/article/ico/imgSlideRight.png) no-repeat; width:60px; height:60px; display:none;}

#cbtn{position:relative; height: 135px; margin-top:12px; }
#cbtn ul{position:relative; height:122px; margin-left: -20px; }
#cbtn ul li{ float:left; padding:8px 3px 3px 3px; width:116px; height:86px; cursor:pointer; text-align:center; margin-left:20px; position:relative;}
#cbtn ul li img{ width:116px; height:86px; display:block;}
#cbtn ul li tt{ background:#000; color:#FFF; position:absolute; right:4px; bottom:4px; z-index:20; font-family:"宋体" ;font-size:12px; line-height:16px; padding:0 5px;}
#cbtn li.hov{ background:url(../images/article/ico/imgHoverBg.gif) no-repeat;}
.ctrl div{ clear:both;}
#cSlideUl{width:520px; height:116px;overflow:hidden; position:relative; top:10px; margin:0 auto;}
#cSlideScroll { background: #EEE; height: 2px; width:520px; margin:20px auto; position: relative; }
#cSlideScrollButton { background: #666; height: 2px; position: relative; cursor:pointer;}
.picSildeLeft{cursor:pointer; position:absolute; top:52px; left:20px; z-index:9;}
.picSildeRight{cursor:pointer; position:absolute; top:52px; right:20px; z-index:9;}
/*  ===================================   图片首页大图切换 end    ===================================  */