/* ---------------------common CSS----------------------- */
.box:hover{box-shadow:0 0 15px #999;}
.pink:hover,.pink:hover .blue{color:#e6a831;}
.img:hover img{width:103%; transform:translate(-1.5%,-1.5%); transition:all .3s;}
.list{padding-top:15px; padding-bottom:15px; border-bottom:#e0e0e0 1px solid;}
.list:hover{background:#f0f0f0;}
.list_tit{height:24px; line-height:26px; font-size:16px;}
.list_txt{height:50px; line-height:24px; color:#666;}
.hot{background:#f46364;}
.fine{background:#e74e91;}
.ask{background:#25c0ed;}
.answer{background:#52ce92;}

/* ---------------------header CSS----------------------- */
.head{height:80px; margin:0 auto; overflow:hidden;}
/* logo */
.head_logo{width:230px; height:50px; margin-top:15px; text-indent:-999em; background:url(../images/head_logo.png) no-repeat; overflow:hidden;}
/* nav */
.head_nav{margin:40px 0 0 24px; font-size:16px;}
.head_nav a{margin-right:30px; padding:0 3px 14px; border-bottom:#fff 3px solid;}
.head_nav a:hover{color:#e6a831;}
.head_nav .nav_on{border-bottom-color:#e6a831; color:#e6a831;}
/* search */
.head_search{width:240px; height:30px; padding:5px; margin-top:30px; background:#ececec; border-radius:50px; overflow:hidden;}
.search_input{height:100%; padding:0 15px; border-radius:50px; background:#efeff0; color:#999;}
.search_button{height:100%; border-radius:0 50px 50px 0; background:#efeff0;}
.search_button:hover{background:#e3e3e5;}
/* searchs */
.search_inputs{width:448px; height:32px; margin:23px 0 0 20px; padding:0 10px; line-height:32px; background:#fff; border:#cbcbcb 1px solid;}
.search_buttons{width:100px; height:34px; margin:23px 0 0 30px; line-height:34px; font-size:16px; text-align:center; background:#55acc8; border-radius:3px; color:#fff; letter-spacing:5px;}
.search_buttons:hover{background:#4d9db8;}

/* ---------------------footer CSS----------------------- */
.foot{margin:60px auto 0; padding:30px 0 40px;}
.backtop{position:fixed; bottom:150px; right:15px; width:60px; height:60px; background:rgba(0,0,0,0.2); border-radius:3px;}
.backtop:hover{background:rgba(0,0,0,0.5);}
.backtop .iconfont{font-size:28px; color:#fff;}

/* ---------------------banner CSS----------------------- */
.banner_index{width:650px; height:380px; background:url(http://www.hsmallbig.com/app/index/view/index/images/banner_index.jpg) center no-repeat; overflow:hidden;}
.banner_list{width:900px; height:366px; background:url(http://www.hsmallbig.com/app/index/view/index/images/banner_list.jpg) center no-repeat; overflow:hidden;}
.banner_arti{width:760px; height:366px; background:url(http://www.hsmallbig.com/app/index/view/index/images/banner_arti.jpg) center no-repeat; overflow:hidden;}
.banner_doctor{height:280px; background:url(http://www.hsmallbig.com/app/index/view/index/images/banner_doctor.jpg) center no-repeat; overflow:hidden;}
.banner_doctor_pic{width:130px; height:130px; margin:50px 20px 0 15px; border:#fff 5px solid; border-radius:100%; box-shadow:0 0 10px #d9d9d9; overflow:hidden;}

/* ---------------------main CSS----------------------- */
/* title */
.title{font-size:30px; font-weight:500; text-align:center;}
.title_ico{width:24px; height:20px; margin:0 15px;}
.title_left{background:url(../images/title_left.png) no-repeat;}
.title_right{background:url(../images/title_right.png) no-repeat;}
.title_cir{width:6px; height:6px; margin:0 6px; background:#fdafd5; border-radius:100%;}
/* doctor */
.doct{position:relative; height:250px; overflow:hidden;}
.doctor{position:absolute; left:50%; width:1230px; height:230px; margin-left:-615px; background:#f5f5f5; overflow:hidden;}
.doctor_box{width:350px; height:176px; margin:10px 15px; padding:15px; background:#fff; border-radius:5px; box-shadow:0 0 10px #d9d9d9; overflow:hidden;}
.doctor_pic{width:90px; height:90px; border-radius:100%; overflow:hidden;}
.tag{padding:3px 6px; border:#55acc8 1px solid; border-radius:3px; color:#55acc8;}
.doctor_box:hover .tag{border-color:#e6a831; color:#e6a831;}
/* focus */
.focus{padding-top:235px; text-align:center;}
.focus a{display:inline-block; position:relative; width:60px; height:20px; margin:0 5px; overflow:hidden;}
.focus a .bg-b{display:block; position:absolute; width:100%; height:5px; background:#dfdfdf; border-top:#f5f5f5 2px solid; border-radius:3px;}
.focus a.on .bg-b,.focus a:hover .bg-b{background:#e74e91; border-top-color:#e74e91;}
/* video */
.iconbofang{position:absolute; top:50%; left:50%; background:rgba(0,0,0,0.2); border:#fff 2px solid; border-radius:100%; color:#fff; text-align:center;}
.video_box{width:277.5px; margin:15px; background:#fff; border-radius:3px; overflow:hidden;}
.video_box .iconbofang,.video_list .iconbofang{width:46px; height:46px; margin:-25px 0 0 -25px; line-height:46px; font-size:20px;}
.video_con{position:relative; height:156px; overflow:hidden;}
.video_list .video_con{width:200px; height:113px; margin-right:15px;}
.video_side .video_con{width:120px; height:68px; margin-right:10px;}
.video_side .iconbofang{width:32px; height:32px; margin:-18px 0 0 -18px; line-height:32px; font-size:15px;}
.video_box:hover .iconbofang,.video_list:hover .iconbofang,.video_side:hover .iconbofang{background:rgba(0,0,0,0.3);}
.video_tit{margin:10px 15px 15px;}
.video_tit h3{height:24px; font-size:18px; font-weight:500;}
.video_tit span{margin-top:7px;}
.video_pic{width:40px; height:40px; margin-right:12px; border-radius:100%; overflow:hidden;}
/* article */
.article_box{margin:15px 0;}
.article_pic{position:relative; width:230px; height:155px; margin-right:20px; overflow:hidden;}
.article_pic_tit{position:absolute; left:0; bottom:0; z-index:2; width:94%; height:36px; padding:0 3%; line-height:36px; background:rgba(0,0,0,0.4); color:#fff;}
.article_pic:hover .article_pic_tit{background:#54acc9; color:#fff;}
.article_tit dt{height:30px; font-size:20px;}
.article_tit dd{width:33%; height:26px; margin:15px 10px 0 0; overflow:hidden;}
.article_list{width:200px; height:130px; margin-right:15px; overflow:hidden;}
/* news */
.news{width:31%;}
.news_tit{margin:10px 0 0 10px; font-size:18px; font-weight:500;}
.news_pic{width:140px; height:95px; margin-right:10px; overflow:hidden;}
.news_ul{margin:15px 10px;}
.news_li{height:24px; margin-top:15px; overflow:hidden;}
.ico{width:20px; margin-right:10px; line-height:20px; border-radius:3px; text-align:center; font-size:13px; color:#fff;}
.iconxinwen{padding-top:2px; font-size:20px; color:#c0c0c0;}
/* audio */
.audio_box{width:350px; margin:15px; padding:15px; background:#fff; border-radius:5px; overflow:hidden;}
.audio_time{width:240px; padding:5px; font-size:15px; background:#ebebeb; border-radius:3px;}
.audio_time .iconshengyin{font-size:20px; font-weight:700; color:#55acc8;}
/* qanda */
.qanda_box{margin-top:30px; padding:15px; background:#fff; border-radius:5px;}
.ask_tit{height:20px; line-height:20px; font-weight:500; overflow:hidden;}

/* ---------------------find CSS----------------------- */
.side{width:68%;}
.find_tit a{margin:12px; padding:10px; font-size:20px; border-bottom:#fff 3px solid;}
.find_tit a:hover{color:#e6a831;}
.find_tit .tab_tit_on{border-bottom-color:#e6a831; color:#e6a831;}
.find_ico{width:6px; height:22px; margin:10px;}
.article .find_ico{margin-left:0;}

/* ---------------------doctor CSS----------------------- */
.doctor_con{margin-top:-36px;}

/* ---------------------subnav CSS----------------------- */
.subnav_tit{width:170px; height:90px; border-radius:3px; color:#fff; text-align:center; overflow:hidden;}
.subanv_ico{width:47px; height:40px; margin:10px auto 5px; background-image:url(../images/subnav_ico.png); background-repeat:no-repeat;}
.bgblue .subanv_ico{background-position:-50px 0;}
.bggreen .subanv_ico{background-position:-100px 0;}
.bgyellow .subanv_ico{background-position:-150px 0;}
.subnav_con{height:90px; overflow:hidden;}
.subnav_con a{float:left; margin:0 0 15px 20px; padding:6px 12px; background:#ededed; border-radius:3px; font-size:16px;}
.subnav_con a:hover{color:#e6a831;}

/* ---------------------pager CSS----------------------- */
.yiiPager_box em{padding:0 3px; font-family:Georgia; font-size:15px; font-style:normal; color:#e74e91;}
.yiiPager{margin-right:40px;}
.yiiPager li{float:left; margin:0 3px; padding:6px 12px; background:#fff; border:#d9d9d9 1px solid;}
.yiiPager li:hover a{color:#e74e91;}
.yiiPager .selected{background:#e74e91;}
.yiiPager .selected a,.yiiPager .selected:hover a{color:#fff;}

/* ---------------------detail CSS----------------------- */
.detail_pic{width:70px; height:70px; margin-right:15px; border-radius:100%; overflow:hidden;}
.detail_con{line-height:32px; font-size:18px; overflow:hidden;}
.detail_con p{margin-top:15px;}
.detail_con img{display:block; margin:15px auto;}
.detail_txt{padding:20px; background:#faf8ed;}

/* ---------------------boxnav CSS----------------------- */
.boxnav{width:230px;}
.boxnav_tit{margin:5px 0 0 27px; font-size:17px; font-weight:500;}
.boxnav_con{margin:12px 0 10px 10px;}
.boxnav_con li{line-height:34px; font-size:15px; border-left:#fff 3px solid;}
.boxnav_con li:hover{background:#4c4c4c; border-left-color:#e6a831;}
.boxnav_con li .iconkeshi{float:left; width:22px; padding-left:15px; font-weight:700; text-align:center; overflow:hidden;}
.boxnav_con li .iconxiangyou{padding-right:15px; font-size:14px; font-weight:700; color:#b3b3b3;}
.boxnav_con li:hover .iconfont,.boxnav_con li:hover span{color:#fff;}
.boxnav_con .hide .iconkeshi,.boxnav_con .hide span,.boxnav_con .hide:hover .iconkeshi,.boxnav_con .hide:hover span{color:#bfbfbf;}
.boxnav_con .hide .iconxiangyou,.boxnav_con .hide:hover .iconxiangyou{color:#ccc;}
.boxnav_con .hide:hover{background:#fff; border-left-color:#fff;}
.boxnav_con .hide a{cursor:default;}
.boxnav_con .on{background:#e6a831;}
.boxnav_con .on .iconfont,.boxnav_con .on span{color:#fff;}

/* ---------------------new CSS----------------------- */
.new{width:280px;}
.new_tit{margin:5px 0 0 10px; font-size:18px; font-weight:500;}
.new_con{margin:12px 0 20px 10px;}
.new_pic{width:64px; height:64px; margin-right:10px; overflow:hidden;}
.new_img{width:100%; height:150px;}
.new_txt dt{height:40px;}

/* ---------------------subnav CSS----------------------- */
.childnav li{width:23%; margin:0 1%; background:#fff;}
.childnav li dt{font-size:17px; font-weight:700;}
.childnav li dd{display:inline-block; margin:8px 24px 0 0;}

/* ---------------------sidenav CSS----------------------- */
.sidenav{width:120px;}
.sidenav_con li{line-height:40px; font-size:15px;}
.sidenav_con li:hover{background:#4c4c4c;}
.sidenav_con li .iconfont{float:left; width:25px; padding-left:11px; font-weight:700; text-align:center; color:#808080;}
.sidenav_con li span{padding-left:8px; color:#808080;}
.sidenav_con .sidenav_on{background:#e6a831;}
.sidenav_con li:hover .iconfont,.sidenav_con li:hover span,.sidenav_con .sidenav_on .iconfont,.sidenav_con .sidenav_on span{color:#fff;}
.sidenav_con .hide .iconfont,.sidenav_con .hide:hover .iconfont,.sidenav_con .hide span,.sidenav_con .hide:hover span{color:#ccc;}
.sidenav_con .hide:hover{background:#fff;}
.sidenav_con .hide a{cursor:default;}

/* ---------------------listnav CSS----------------------- */
.listnav{padding:0 12px 15px 12px;}
.listnav dt{width:66px; margin-top:13px; font-size:16px;}
.listnav dd{margin-left:66px;}
.listnav dd a{margin:12px 0 6px 15px; padding:3px 10px; border-radius:3px;}
.listnav .listnav_on{background:#e6a831; color:#fff;}