/* 
 * @name: project-list.css
 * @time: 2013/1/21
 * @author: sole
 * @url: http://www.imsole.net/
 * @directiona: 项目二级导航页面
*/

/* public */

/* mix-panel */
.mix-panel { margin-top:8px; }
.mix-panel .pic { float:left; border:1px solid #dbdcdf; text-align:center; overflow:hidden; }
.mix-panel .pic img { display:inline-block; }
.mix-panel .info { float:right; }
.mix-panel .info h3 { height:24px; overflow:hidden; }
.mix-panel .info h3 a,
.mix-panel .info p a { color:#0071b5; }

/* slide */
.slide { }
.slide .prev, 
.slide .next { float:left; width:16px; height:31px; background:url(../img/sub_project_bg.png) no-repeat -252px -81px; cursor:pointer; }
.slide .next { background-position:-270px -81px; }
.slide .slide-con { float:left; display:inline; position:relative; overflow:hidden; }
.slide .slide-con ul { position:absolute; left:0; top:0; width:105%; }
.slide .slide-con li { float:left; }

/* position */
.position { margin:10px 0; }

/* project-name */
.project-name { margin-top:-5px; }
.project-name h2 { line-height:110%; font-family:"Microsoft YaHei"; font-size:40px; }

/* project-nav */
.project-nav { height:70px; margin:10px 0; background-color:#d22a65; }
.project-nav li { float:left; display:inline-block; }
.project-nav li a { display:block; height:70px; padding:0 22.5px; text-align:center; cursor:pointer;}
.project-nav li a:hover,
.project-nav .now a { background-color:#f279a4; }
.project-nav li a i { display:inline-block;; width:75px; height:40px; margin-top:15px; background-image:url(../img/sub_project_bg.png); background-repeat:no-repeat; }
.project-nav .pro-parameter i { background-position:0 0; }
.project-nav .pro-price i { background-position:-75px 0; }
.project-nav .pro-contrast i { background-position:-150px 0; }
.project-nav .pro-share i { background-position:-225px 0; }
.project-nav .pro-expert i { background-position:0 -40px; }
.project-nav .pro-hospital i { background-position:-75px -40px; }
.project-nav .pro-news i { background-position:-150px -40px; }
.project-nav .pro-activity i { background-position:-225px -40px; }

/* content */
.content {}
.main-content { float:left; width:675px; }
.aside { float:right; width:265px; }

/* pro-title */
.pro-title { position:relative; padding-bottom:5px; border-bottom:3px solid #1ba1e2; line-height:150%; font-family:"Microsoft YaHei"; font-size:30px; }
.pro-title span { font-size:22px; color:#1ba1e2; }
.pro-title i { position:absolute; left:50px; bottom:-8px; width:15px; height:8px; line-height:0; font-size:30px; color:#1ba1e2; overflow:hidden; }

/* info-list */
.info-list { border-right:1px solid #ddd; }

.list-con { padding-bottom:20px; margin:15px 15px 15px 0; border-bottom:1px dashed #ddd; }
.list-con .info-t { font-family:"Microsoft YaHei"; font-size:18px; }
.list-con .info-t a,
.list-con .info-bar a,
.list-con .mix-panel .info a { color:#1ba1e2; }
.list-con .mix-panel .pic { width:186px; height:116px; border:none; background:url(../img/pfl_Bg.png) no-repeat; }
.list-con .mix-panel .pic img { height:106px; margin:5px; }
.list-con .mix-panel .info { width:450px; text-indent:2em; }
 
.share-list .mix-panel .pic { width:116px; height:116px; border:none; background:url(../img/share_list_bg.png) no-repeat; }
.share-list .mix-panel .pic img { width:106px; margin:5px; }
.share-list .mix-panel .info { width:530px; }

/* page */
.page { text-align:center; }
.page a { display:inline-block; height:20px; padding:0 10px; line-height:20px; color:#1ba1e2; text-decoration:none; }
.page a:hover,
.page .now { background-color:#1ba1e2; color:#fff; transition:all .2s ease 0s; }


/* aside-nav */
.aside-nav { margin-top:40px; }
.aside-nav a { position:relative; display:block; padding:6px; border:1px solid #ddd; margin-bottom:10px; }
.aside-nav a i { position:absolute; left:-1px; top:-1px; width:265px; height:88px; background-color:#000; opacity:.3; filter:alpha(opacity=30); }
.aside-nav a:hover i,
.aside-nav .now i { display:none; }

.aside-nav .link_share { padding:2px; }


/* parameter */
.para-list { border-right:none; }
.para-con { position:relative; border-right:1px solid #b8b8b8; background-color:#26abec; }
.para-con .para-t { position:absolute; top:0; bottom:0; float:left; width:200px; padding:10px; border-top:1px solid #95dbfd; border-bottom:1px solid #1d78c1; color:#fff; font-family:"Microsoft YaHei"; font-size:16px; text-indent:10px; }
.para-con .para-t i { display:inline-block; width:5px; height:9px; background:url(../img/sub_project_bg.png) no-repeat -208px -114px; vertical-align:middle; }
.para-con .para-detail { float:right; width:434px; min-height:24px; padding:10px; border-top:1px solid #fff; border-bottom:1px solid #b8b8b8; background-color:#eee;font-size:14px; }
.para-con .para-detail ul.list { padding: 10px 20px; }
.para-con .para-detail ul.list li { padding-left: 5px; }
.para-con .para-detail ul.list strong { margin-left:-5px; padding: 5px 0; color: #1BA1E2 }
.para-list .surgery { }
.para-list .surgery .para-t { border-top:none; }
.para-list .surgery .para-detail { padding:0; width:454px; border-top:none; }
.para-list .surgery .odd { background-color:#fff; }
.para-list .surgery span{ display:inline-block; height:24px; overflow:hidden; vertical-align:middle; }
.para-list .surgery .label { width:150px; padding-left:50px; }
.para-list .surgery .label i { padding:3px; color:#d22a65; }
.para-list .surgery .val { width:250px; color:#1ba1e2; }
.para-list .surgery .price { color:#d22a65; }
.para-list .shadow { height:15px; background:url(../img/b_bg.png) no-repeat top center; }


/* contrast-detail */
.contrast-detail .pro-title { border-bottom:none; }
.contrast-detail .list { width:100%; margin-top:30px; border-collapse:collapse; border-spacing:0; }
.contrast-detail .list td { padding:0; border:1px solid #bbb; background-color:#eee; text-align:center; vertical-align:top; }
.contrast-detail .contrast-para,
.contrast-detail .contrast-pro { font-family:"Microsoft YaHei"; font-size:14px; }
.contrast-detail .list .contrast-para { width:109px; background-color:#dfdfdf; }
.contrast-detail .contrast-pro { width:282px; }
.contrast-detail .contrast-pro .contrast-t { position:relative; }
.contrast-detail .contrast-pro .contrast-pro-t { position:absolute; top:-10px; left:0; width:282px; height:57px; line-height:42px; background:url(../img/sub_bgx.png) no-repeat 0 0; color:#fff; font-size:16px; }
.contrast-detail .contrast-pro .pro-price { padding-top:45px; font:12px/24px tahoma, Helvetica, Arial; }
.contrast-detail .contrast-pro .pro-price i { display:inline-block; width:12px; height:10px; background:url(../img/sub_project_bg.png) no-repeat -214px -114px; }
.list td .line-top { padding:5px 0; border-top:1px solid #fff; }
.list .btns .contrast-para,
.list .btns td { border:none; background:none; }
.list .btns td a { display:inline-block; width:104px; height:28px; background:url(../img/sub_project_bg.png) no-repeat -136px -136px; }
.list .now .contrast-para,
.list .now td{ background-color:#fdf4a0; }


/* write-share */
.write-share {}

/* share-bar */
.share-bar { height:126px; padding:0 76px; border-top:3px solid #d22a65; background:url(../img/share_t.jpg) no-repeat center top; }
.share-bar .avatar { float:left; margin-top:8px; }
.share-bar .avatar img { display:block; width:102px; height:102px; }
.share-bar .user-name,
.share-bar .write-btn { float:left; width:680px; padding:10px 0 0 20px; font-family:"Microsoft YaHei"; font-size:14px; }
.share-bar .user-name sup { display:inline-block; width:26px; height:14px; background:url(../img/sub_project_bg.png) no-repeat -227px -114px; }
.share-bar .write-btn { float:left; width:680px; padding:10px 0 0 20px; }
.share-bar .write-btn span { display:inline-block; padding:0 54px; border-left:1px dotted #efe9e9; }
.share-bar .write-btn span a { display:inline-block; text-align:center; text-decoration:none; opacity:.8; filter:alpha(opacity=80); }
.share-bar .write-btn .now a,
.share-bar .write-btn span a:hover
{ opacity:1; filter:alpha(opacity=100); }
.share-bar .write-btn a i { display:block; width:46px; height:46px; background:url(../img/sub_bgx.png) no-repeat 0 -57px; }
.share-bar .write-btn .share-article i { background-position:0 -57px; }
.share-bar .write-btn .share-pic i { background-position:-47px -57px; }
.share-bar .write-btn .share-video i { background-position:-95px -57px; }

/* write-share-box */
.write-share-box { border:1px solid #cbcbcb; background:url(../img/write_share.png) no-repeat right bottom #f5f4f4;
	-webkit-box-shadow:0 15px 2px 3px #e9e9e9;
	   -moz-box-shadow:0 15px 2px 3px #e9e9e9;
	    -ms-box-shadow:0 15px 2px 3px #e9e9e9;
		 -o-box-shadow:0 15px 2px 3px #e9e9e9;
		    box-shadow:0 15px 2px 3px #e9e9e9;
}
.write-share-box .share-form { float:left; width:655px; padding:10px 18px; border-right:1px solid #cbcbcb; background-color:#fff; }
.write-share-box .share-rule { float:right; width:265px; }
.write-share-box .share-form input,
.write-share-box .share-form textarea { padding:2px; border:1px solid #d4d4d3; font:12px/24px tahoma, Helvetica, Arial; }

.share-form .form-t { font-size:12px; } 
.share-form .form-t span { font-family:"Microsoft YaHei"; font-size:30px; }
.share-form .form-t i { display:inline-block; width:36px; height:36px; background:url(../img/sub_bgx.png) no-repeat; }
.share-form .article .form-t i { background-position:-142px -66px; }
.share-form .pic .form-t i { background-position:-179px -66px; }
.share-form .video .form-t i { background-position:-216px -66px; }
.share-form .optional { background-color:#f5f4f4; padding-bottom:10px; }
.share-form .optional p { padding-top:10px; }
.share-form .optional label { display:inline-block; width:120px; text-align:right; vertical-align:middle; }
.share-form .optional input { background-color:transparent; }
.share-form .title-txt,
.share-form .sell-price { margin:10px 0; }
.share-form .title-txt input { width:649px; height:24px; }

.share-form .btns { padding-bottom:10px; }
.share-form .btns .sbt,
.share-form .btns a { display:inline-block; width:95px; height:36px; border:none; background:url(../img/sub_bgx.png) no-repeat -126px -103px; vertical-align:middle; cursor:pointer; }
.share-form .btns .preview { background-position:0 -144px; }
.share-form .btns .save-draft { background-position:-96px -144px; }

/* updload-file */
.updload-file {}
.updload-file .pic-list { padding:10px 10px 10px 30px; margin-top:5px; border-left:1px solid #dadada; background-color:#f7f7f7; }
.updload-file .pic-list img { display:block; float:left; width:80px; height:80px; }
.updload-file .pic-list textarea { display:inline; width:450px; height:76px; margin-left:20px; }
.updload-file .pic-list .close { float:right; width:14px; height:14px; line-height:14px; text-align:center; overflow:hidden; font-size:15px; }
.updload-file .upload-btn { margin-top:10px; }
.updload-file .upload-btn a { display:inline-block; width:125px; height:40px; background:url(../img/sub_bgx.png) no-repeat 0 -103px; vertical-align:middle;cursor:pointer; }

.updload-video { padding:10px; margin-top:10px; background-color:#cbecf4; }

/* share-rule */
.share-rule .ad { width:246px; margin:10px auto; overflow:hidden; text-align:center; }
.share-rule .ad img { display:inline-block; } 
.share-rule .rule { padding:0 10px; } 
.share-rule .rule h2 { font:bold 14px/23px tahoma, Helvetica, Arial; color:#e1477d; }




/* filter */
.filter { border:1px solid #ccc; font-size:14px; }
.filter .area,
.filter .filter-list{ padding:5px; }
.filter .area .city { display:none; }
.filter .area { position:relative; }
.filter label { display:inline-block; width:70px; vertical-align:middle; }
.filter .area span { position:relative; display:inline-block; vertical-align:middle; }
.filter .area span input { border:1px solid #ccc; width:89px; padding:3px; font:12px/24px tahoma, Helvetica, Arial; }
.filter .area span input:focus { border:1px solid #3D9EE9;
	-webkit-box-shadow:0 0 3px #78A5D9;
	   -moz-box-shadow:0 0 3px #78A5D9;
	    -ms-box-shadow:0 0 3px #78A5D9;
		 -o-box-shadow:0 0 3px #78A5D9;
		    box-shadow:0 0 3px #78A5D9;
}
.filter .area span i { position:absolute; right:4px; top:4px; width:16px; height:16px; background:url(../img/sub_bgx.png) no-repeat -222px -121px; }
.filter .area .province-list { display:none; position:absolute; left:79px; top:30px; width:396px; padding:5px 10px; border:1px solid #ccc; background-color:#fff; }
.filter .area .city-list { left:180px; }
.filter a,
.filter .province-list a { padding:2px 5px; margin:3px; text-decoration:none; cursor:pointer; transition:all .2s ease 0s; }
.filter .province-list a { float:left; width:62px; }
.filter a:hover,
.filter .now { background-color:#E1EFF9; color:#3D9EE9; }
.filter .filter-list { border-top:1px dotted #dcdcdc; }
.filter .country { border-top:1px solid #ccc; }

/* hospital-list */
.hospital-list {}
.hospital-list .mix-panel { border-bottom:1px dashed #e5e5e5; padding-bottom:10px; margin-right:10px; margin-bottom:13px; }
.hospital-list .pic { position:relative; width:161px; height:113px; border:none; background:url(../img/zx_hos.png) no-repeat center; text-align:center; }
.hospital-list .pic img { height:103px; margin:5px auto; }
.hospital-list .pic i { position:absolute; left:0; top:0; width:41px; height:41px; background:url(../img/sub_bgx.png) no-repeat -192px -140px; z-index:2; }
.hospital-list .info { float:left; width:480px; padding-left:15px; }
.hospital-list .info h2 { font:bold 14px/24px tahoma, Helvetica, Arial; }
.hospital-list .info h2 i { display:inline-block; width:17px; height:15px; background:url(../img/sub_bgx.png) no-repeat -239px -121px; vertical-align:middle; margin-right: 8px; }
.hospital-list .info h2 a { color:#389ebf; }
.hospital-list .info p { line-height:23px; }
.hospital-list .info p span { color:#999; } 
.hospital-list .info p strong { color:#ff0000; }
.hospital-list .info p strong i { display:inline-block; width:47px; height:17px; background:url(../img/sub_bgx.png) no-repeat -222px -103px; vertical-align:middle; }
.hospital-list .info p a { color:#ff0000; }
.hospital-list .info p a i { display:inline-block; width:9px; height:5px; background:url(../img/sub_bgx.png) no-repeat -257px -121px; vertical-align:middle; }
.hospital-list .info .blue a { color:#666; }

.hospital-list .score { float:left; width:106px; height:98px; background:url(../img/hos_comment.png) no-repeat 0 0; text-align:center; }
.hospital-list .score .num { color:#ff0000; }
.hospital-list .score .t { height:30px; margin-bottom:3px; line-height:30px; }
.hospital-list .score .t em { font-family:"Microsoft YaHei"; font-size:20px; }
.hospital-list .score .s-n { line-height:20px; text-indent:2.5em; text-align:left; }


/* expert-list */
.expert-list {}
.expert-list .mix-panel { border-bottom:1px dashed #e5e5e5; padding-bottom:10px; margin-right:10px; margin-bottom:13px; } 
.expert-list .pic{ width:101px; border:none; }
.expert-list .pic .bg { height:134px; background:url(../img/exp_bg.png) no-repeat 0 0; }
.expert-list .pic img { width:91px; height:124px; margin:5px; }
.expert-list .info { width:535px; padding-right:15px; }
.expert-list .info span { font-weight:bold; }
.expert-list .info .btns { margin-top:8px; }
.expert-list .info .btns a { display:inline-block; width:87px; height:25px; margin-right:10px; background:url(../img/sub_bgx.png) no-repeat; }
.expert-list .info .btns .detail { background-position:0 -181px; }
.expert-list .info .btns .yy { background-position:-88px -181px; }