/*
@Description:精选集
@author: zhuzp
@update: 2013-03-29
*/
.curmbs { height: 18px;line-height: 18px;margin: 15px auto -5px;padding: 0 0 0 15px;color: #CCC;font-family: Simsun,"\5B8B\4F53";}
/* global */
.choice-creat-btn,.select-cbook-list .add-choice-btn,.upload-review .file,.close,.issue-btn,.pop-choice-list .icon-add,.choice-pop .creat-newchoice-btn,.choice-pop .submit-btn,.add-result .success,.add-result .error{ background-image: url(../images/choice-bg.png)}
.choice-banner{padding:2px 0 12px;}
.choice-content{ margin:20px auto 0;}

/*  choice-g-header */
.choice-g-header{ height: 40px; overflow: hidden; *zoom:1;}
.choice-g-header h3{padding-left: 10px; font: 400 24px/34px Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1";}
.choice-g-header .choice-g-btns,.choice-g-header .choice-creat-btn{ float: right;}
.choice-g-header .choice-creat-btn,.choice-g-header .choice-creat-btn:hover{padding:0 0 0 32px; width:92px; height: 43px; font:700 14px/38px Arial; color:#D64341; text-decoration: none; background-position: 0 -185px}
.choice-g-header .add-choice-btn{margin:5px 10px 0 0; float: left; padding:0 0 0 23px; width:57px; height:30px; line-height: 30px; color:#FFF; background: url(../images/red-bg.png) no-repeat -16px -206px}
.choice-g-header .add-choice-btn:hover{ text-decoration: none; color:#FFF; cursor:pointer; }

/* choice-info */
.choice-info{padding: 0 0 8px 0; height: 28px; line-height: 28px; color:#666; overflow: hidden; border-bottom: 1px solid #E3E3E3}
.choice-info span{ margin:0 20px 0 0;}
.choice-info a{margin:0 0 0 10px; color:#D71112;}
.choice-info em{ color:#999;}

.choice-description{padding:10px 0; font: 14px/24px Arial; color:#666;}

.choice-first{margin: 10px 0 0 0;padding:15px 15px 5px; height: 240px; background: #FFF}
.choice-first .pic-news{ width: 280px; float: right;}
.choice-first .pic-news li{ position: relative; height: 90px; padding:0 0 0 100px;}
.choice-first .pic-news li:first-child{margin:0 0 25px 0; padding:0 0 24px 100px; border-bottom: 1px dotted #E3E3E3}
.choice-first .pic-news .img{ position: absolute; left:0; top:0;}
.choice-first .pic-news .title{font:700 14px/18px Arial; color:#CF1112;}
.choice-first .pic-news p{padding:5px 0 0 0; line-height: 22px; color:#666;}
.choice-first .pic-news .more{ font-family: Simsun,"\5B8B\4F53"}

.choice-first .section{ width: 632px;}
.choice-focus,.choice-focus a,.choice-focus img{ width: 320px; height: 240px; display: block;}
.choice-focus{ position: relative; float:left;*zoom:1;}
.choice-focus .txt{ position: absolute; left:0; bottom:0; width: 320px; height: 40px; color:#FFF; cursor: pointer; font:400 18px/40px Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1"; text-align: center; color:#FFF; background: rgba(0,0,0,0.3);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#4D000000,endcolorstr=#4D000000,gradientType=1);}
:root .choice-focus .txt{ filter:none}
.choice-focus a:hover .txt{ text-decoration: underline; color:#FFF;}
.headlines{ float: right; width:292px;}
.headlines h3{ height: 26px; font: 400 18px/26px Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1"; overflow: hidden; text-align: center;}
.headlines h3 a{ color:#CF1112;}
.headlines .news-list{ padding:10px 0 0 0;}
.headlines .news-list li{ height: 26px; font: 14px/26px Arial; text-align: left; overflow: hidden;}
.headlines .news-list .type{ padding: 0 15px 0 0; color:#999;}

.hot-tag{padding:0 15px 15px; background: #FFF}
.hot-tag strong,.hot-tag a,.hot-tag span{margin:20px 20px 0 0;float:left; height: 28px; font: 14px/28px Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1";}
.hot-tag strong{ font: 18px/30px Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1"}
.hot-tag a,.hot-tag span{padding:0 10px; border:1px solid #DADADA; border-radius: 14px 14px 14px 14px}
.hot-tag span,.hot-tag a:hover{ color:#C00; border-color: #C00; text-decoration: none}

.choice-header{margin:10px 0 0 0; height: 38px; overflow: hidden; border-bottom: 1px solid #DADADA;*zoom:1;}
.choice-header strong{ font: 400 18px/38px Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1"}

.sort{margin:5px 0 0 0; float: right;color:#666; height: 26px; line-height: 26px;}
.sort a,.sort span{padding:0 5px; height: 24px; line-height: 24px; display: inline-block; border:1px solid #D64341;}
.sort a{ background: #FFF; color:#D64341;}
.sort span{ background: #D64341; color:#FFF;}

/* choice-list */
.choice-list{ margin-left: -45px; width: 1005px;}
.choice-list li{margin:15px 0 0 45px; padding:0 0 2px 0;float: left; _display: inline; overflow: hidden; background: url(../images/choice-module.png) no-repeat 0 100%}
.choice-list .choice-module{padding:10px 0 0 14px;width:190px; height: 253px; border:1px solid #EBEBEB; border-bottom: 0 none; background: #FFF}
.choice-list h3{ font:700 14px/22px Arial;}
.choice-list h3 a{ color:#333;}
.choice-list h3 a:hover{ color:#CF1112;}
.choice-list .editor{ padding:3px 0 8px 0; line-height: 22px; color:#999;}
.choice-list .editor a{ color:#999;}
.choice-list .album img{margin:4px 0 0 4px; vertical-align: top}

/* choice-page */
.choice-page{margin: 30px 0 0 0; height:36px; text-align: center;}
.choice-page a,.choice-page span,.choice-page a,.choice-page em{margin:0 3px 0 3px;padding:0 15px;display: inline-block; vertical-align: middle; height: 34px; font: 14px/34px Arial;}
.choice-page a,.choice-page em{ border:1px solid #e4e4e4; background: #FFF; color:#CF1112;}
.choice-page span,.choice-page a:hover{ border:1px solid #CF1112; background:#CF1112; color:#FFF; text-decoration: none}
.choice-page .prev,.choice-page .next{ position: relative;*zoom:1;}
.choice-page .prev{padding:0 9px 0 21px;}
.choice-page .next{padding:0 21px 0 9px;}
.choice-page i{ position: absolute; top:13px; width:0; height: 0; overflow: hidden; border:5px solid #FFF;}
.choice-page .prev i{ left:5px; border-right-color: #CF1112}
.choice-page .next i{ right:5px; border-left-color:#CF1112 }
.choice-page .prev:hover i,.choice-page .next:hover i{border:5px solid #CF1112; }
.choice-page .prev:hover i{ border-right-color: #FFF}
.choice-page .next:hover i{ border-left-color: #FFF}
.choice-page em{ color:#CCC;}
.choice-page em.prev:hover i,.choice-page em.next:hover i{  border-color:#FFF;}
.choice-page em.prev i,.choice-page em.prev:hover i{border-right-color:#CCC}
.choice-page em.next i,.choice-page em.next:hover i{border-left-color:#CCC}

/* choice-model */
.choice-model{margin: 10px 0 0 0;padding:15px; background: #FFF}
.model-head{padding:0 10px; height: 27px; overflow: hidden;}
.model-head strong{ font: 400 16px/27px Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1";}
.model-head strong em{ color:#C00;}

/* cookbook-list */
.choice-cbook-box{width: 930px; overflow: hidden;}
.choice-cbook-list{ width: 960px;}
.choice-cbook-list li{ float: left;padding:15px 27px 0 10px; _display: inline; width: 200px; overflow: hidden;}
.choice-cbook-list li:nth-child(4n){ padding-right: 0}
.choice-cbook-list img{ display: block;}
.choice-cbook-list .title{padding:6px 0 0 0; font:700 14px/26px Arial; display: block;}
.choice-cbook-list p{ line-height: 20px; color:#999;height:40px;overflow:hidden}


.choice-model .choice-page{margin:30px 0 0 0;padding: 0 5px 10px 0; text-align: right}

/* about-choice-list */
.about-choice-list li{margin-left:10px; float: left; _display: inline; width: 176px;}
.about-choice-list .album{padding:15px 0 7px 0; display: block;}
.about-choice-list img{margin:2px 2px 0 0; vertical-align: top}
.about-choice-list p{ line-height: 18px;}

/* select-cbook */
.choice-form{ float: left; width: 618px;}
.select-cbook{ float:right; width: 322px;}
.choice-txt,.choice-area{margin:20px 0 0 0; width: 596px; font: 14px/34px Arial; color:#333; border:1px solid #E2DEDE; display: block;}
.choice-txt{padding:4px 10px 0; height:34px;}
.choice-form .first{ margin:0;}
.choice-area{padding:0 10px; height:148px; resize: none ;}

/* select-cbook */
.select-cbook .header{padding:0 10px; height:34px; font: 14px/34px Arial; color:#FFF; background:#D00604}
.select-cbook .section{padding:3px 15px; border:1px solid #E2E0DE; border-top: 0 none; background: #FFF}

.select-cbook .condition{padding:9px 0; border-bottom: 1px dotted #E3E3E3}
.select-cbook .condition li{height:24px;line-height: 24px; overflow: hidden;}
.select-cbook .condition span{margin:0 15px 0 0;padding:2px 3px 4px 3px; cursor: pointer; }
.select-cbook .condition .current,.select-cbook .condition span:hover{ background: #C00; color:#FFF;}

.select-cbook-list{ padding:5px 0;}
.select-cbook-list li{ position:relative;padding:10px 0 10px 100px; height: 80px;*zoom:1;}
.select-cbook-list .pic{ position: absolute; left:0; top:10px;}
.select-cbook-list a{ color:#333;}
.select-cbook-list .title{ font: 700 12px/22px Arial;}
.select-cbook-list p{ line-height: 22px; color:#999; }
.select-cbook-list .add-choice-btn{margin: 10px 0 0 0; width: 70px; height: 26px; line-height: 26px; text-align: center; color:#FFF; cursor: pointer; display: block; background-position: 0 -131px}
.select-cbook-list .added{ color:#999; background-position: 0 -158px; cursor: default;}

.select-cbook .page{padding:0 0 9px 0; height: 24px; font: 14px/24px Arial; text-align: center;}
.select-cbook .page span,.select-cbook .page em{ color:#D00604; cursor: pointer;}
.select-cbook .page span:hover,.select-cbook .page em:hover{ text-decoration: underline;}
.select-cbook .page span{margin:0 15px;}

/* upload-module */
.upload-title{padding:15px 0 10px; font: 400 14px/24px Arial; color:#666;}
.upload-review{ position: relative;padding:0 0 25px 406px; height: 82px; border-bottom: 1px solid #E2DEDE;*zoom:1;}
.view-pic{ position: absolute; left:0; top:0; width: 384px; height: 80px; overflow: hidden; border:1px solid #DDD; background: url(../images/upload-bg.jpg) no-repeat;}
.upload-review .file{margin: 3px 0 0 0; width:105px; height:32px; display: block; font: 16px/32px Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1"; cursor: pointer; text-align: center; background-position: 0 -229px;}
.upload-review p{ line-height: 28px; color:#999;}

.selected-cbook h3{ padding:15px 0; font:400 18px/28px Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1";}
.selected-list{ width: 530px;}
.selected-list li{margin:0 0 20px 0; position: relative; padding:0 0 0 135px; height: 120px;}
.selected-list .pic{ position: absolute; left:0; top:0;}
.selected-list .close{ position: absolute; right: 0; top: 0; width:17px; height:17px; overflow: hidden; cursor: pointer; text-indent: -9999em; background-position:-186px 0}
.selected-list .close:hover{ background-position: -186px -17px}
.selected-list .title{ font: 700 14px/18px Arial;}
.selected-list p {padding:5px 0 0 0;line-height: 22px;color: #999;}
.selected-list textarea{margin: 6px 0 0 0;padding:4px 8px; width: 334px; height: 52px; font:12px/22px Arial; border:1px solid #E2DEDE;resize:none;}
.issue-btn{margin:40px auto 0; width: 120px; height: 40px; display: block; font: 16px/40px Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1"; text-align: center; border:0 none; cursor: pointer; color:#FFF; background-position: 0 -90px}

/* choice-pop 精选弹层 */
#opacityBg{ position: absolute; left:0; top:0; width: 100%; height: 100%; background: #000; opacity: 0.3; filter:alpha(opacity=30); z-index:999}
.choice-pop{ position: fixed; left:50%; top:20%;margin-left:-300px;padding:20px; width: 560px; height:318px;overflow: hidden;background: #FFF; border-radius: 4px 4px 4px 4px; z-index: 1000;}
.choice-pop .close{ position: absolute; top:20px; right: 20px; width:13px; height:13px; text-indent: -9999em; cursor: pointer; background-position: -188px -49px}
.choice-pop .close:hover{ background-position: -188px -35px}
.choice-pop .title{padding:3px 2px 0 2px; font: 700 12px/18px Arial; height: 36px; display: block; color:#666;}
.choice-pop .title:hover{ color:#C00;}
.choice-pop .album img{margin: 0 2px 2px 0; vertical-align: top;}
.pop-header{ font:700 14px/34px Arial; color:#666;}
.pop-header b{ color:#C00;}
.pop-choice-list{margin:0 0 10px 0; padding:18px 0; border-bottom: 1px dotted #CCC}
.pop-choice-list li{margin:0 0 0 10px; float: left; _display: inline; width: 104px; overflow: hidden; cursor:pointer;}
.pop-choice-list .first{ margin:0;}
.pop-choice-list .album{ position: relative; width: 100px; height:100px;overflow: hidden; border:2px solid #FFF;}
.pop-choice-list .album a{ display: block; width: 102px;}
.pop-choice-list .album:hover,.pop-choice-list .current{ border-color:#C00;}
.pop-choice-list .album:hover .icon-add,.pop-choice-list .current .icon-add{ position: absolute; left:0; top:0; width:30px; height:30px; text-indent: -9999em; background-position:-141px -47px }
.choice-pop .creat-newchoice-btn{margin: 5px 0 0 0;width:180px; height:46px; overflow: hidden; font: 16px/46px Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1"; color:#FFF; text-align: center; cursor: pointer; border:0 none;background-position: 0 0;}

.add-description{ position: relative;margin:20px 0 0 0; padding:0 0 0 120px; height:160px;}
.add-description .album{ position: absolute; left: 0; top: 0; width:102px;}
.add-description textarea{padding:4px; width: 430px; height: 90px; font: 12px/18px Arial; resize:none;}

.choice-pop .submit-btn{margin:0 auto; width:140px; height:42px; overflow:hidden;font: 16px/42px Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1"; color:#FFF; text-align: center; cursor: pointer;display: block; border:0 none;background-position: 0 -47px}

.add-result{ padding:70px 0 0 130px;}
.add-result .success,.add-result .error{padding:0 0 0 32px; height: 28px; font: 700 14px/22px Arial; color:#C00; background-repeat: no-repeat;}
.add-result .success{ background-position: -181px -97px}
.add-result .error{background-position: -181px -169px}
.add-result p{padding:5px 0; font: 14px/24px Arial; color:#666;}