/* recommend list admin pages css by yubo */

@import url('global.css?t=20080902');

#list-poster{margin-top:5px}

.main-content{float:left; width:760px}
.sub-content{float:right; width:180px}

#poster{
background:url('http://a.tbcdn.cn/img/app/recommend_list/poster_sprite.png') no-repeat -1px 0;
overflow:hidden; zoom:1;
position:relative;
}

#poster h1{
font-weight:bold; font-size:18px;
height:23px; line-height:23px;
margin:17px 0 5px;
text-indent:20px;
}

#poster .bd{
background:#414141;
margin:0 auto;
overflow:hidden;
width:742px;
}

#poster .content-panel{
width:615px;
float:left;
margin:10px 0 0 10px;
}

.pic{
background:#000;
border:1px solid #8A8A8A;
min-height:360px;
text-align:center;
position:relative;
}
.pic img{margin:7px auto; max-width:600px}

.poster-nav span{float:left}
.poster-nav a{
display:block;
height:22px; line-height:19px;
width:70px; text-align:center;
}

.poster-nav .prev a{padding-left:15px}
.poster-nav .next a{padding-right:15px}
.poster-nav a:link,
.poster-nav a:visited{color:#000}
.poster-nav a:hover,
poster-nav a:active{text-decoration:none}
#poster-nav-t{position:absolute; top:23px; right:152px}
.poster-nav a:hover{background:url('http://a.tbcdn.cn/img/app/recommend_list/poster_sprite.png') no-repeat; color:#FF862A; height:22px}
#poster-nav-t .prev a:hover{background-position:-1057px -183px}
#poster-nav-t .next a:hover{background-position:-1143px -183px}
#poster-nav-b{
clear:both;
background:url('http://a.tbcdn.cn/img/app/recommend_list/poster_sprite.png') no-repeat -774px -80px;
height:31px; padding:6px 0 0 425px;
}
#poster-nav-b .prev a:hover{background-position:-1057px -156px}
#poster-nav-b .next a:hover{background-position:-1145px -156px}
#poster-nav-b .next a{padding-right:13px}

.nav-info{position:absolute; top:25px; right:328px; color:#BEBEBE}

.related-content{
border:1px solid #8A8A8A;
border-width:0 1px;
background-color:#2E2E2E;
}

.related-content .recommend-reason{
color:#D0D0D0;
float:left; overflow:hidden;
width:430px; padding:10px;
}

.related-content .operations{
background:url('http://a.tbcdn.cn/img/app/recommend_list/poster_sprite.png') no-repeat -1239px -7px;
float:right;
height:70px; width:150px;
text-align:center;
}
.related-content .view-detail{
display:block;
background:url('http://a.tbcdn.cn/img/app/recommend_list/poster_sprite.png') no-repeat -765px -155px;
height:47px; line-height:35px; padding-top:1px;
margin:0 auto;
width:105px;
}
.related-content .view-org{padding-left:26px}
.view-detail a:link,
.view-detail a:visited{color:#000000; font-size:14px; font-weight:bold}
.view-org a{color:#606060; text-decoration:underline}
.view-org a:hover,
.view-org a:active{color:#FFF}

.pic .pic-info{
position:absolute; left:0; bottom:7px;
height:55px; width:610px;
background:#000;
opacity:0.8; filter:alpha(opacity=80);
color:#fff;

_position:static; _margin-top:-10px;
}
a.big-pic{display:block}
.related-content{_height:70px; overflow:hidden}
.pic-info h2{font-size:14px; font-weight:bold; margin:10px 0 2px 0}
.pic-info .price{font-size:14px; color:#F50; font-weight:bold}
.pic-info a.shop{color:#D0D0D0; text-decoration:underline; padding-left:20px}

.nav-panel{
float:left;
width:95px; _width:92px;
padding-left:15px; margin-top:10px; _padding-left:12px;
position:relative;
}
.nav-panel .nav-link{
height:21px; line-height:18px; *line-height:20px;
background:url('http://a.tbcdn.cn/img/app/recommend_list/pictorial_icons.gif') no-repeat 0 -115px;
text-align:center;
vertical-align:middle;
}
.nav-panel .nav-link a{
background:url('http://a.tbcdn.cn/img/app/recommend_list/pictorial_icons.gif') no-repeat right 0;
padding-right:16px;
color:#d0d0d0;
text-decoration:none !important;
background-position:right 2px;
}
.nav-panel .nav-link a:hover{color:#FF862A!important}
.nav-panel .disabled{
color:#eee !important;
opacity:0.4; filter:alpha(opacity=40)
}
.nav-panel .disabled a{cursor:default}
.nav-panel .disabled .prev{background-position:right -108px !important}
.nav-panel .disabled .next{background-position:right -83px !important}
.nav-panel .disabled a:hover{color:#eee !important}

.nav-panel .nav-link .prev{background-position:right -108px}
.nav-panel .nav-link .next{background-position:right -83px}
.nav-panel .nav-link a:hover.prev{background-position:right -59px}
.nav-panel .nav-link a:hover.next{background-position:right -39px}

*+html .nav-panel .disabled .prev{background-position:right -110px !important}
*+html .nav-panel .disabled .next{background-position:right -85px !important}
*+html .nav-panel .nav-link .prev{background-position:right -110px}
*+html .nav-panel .nav-link .next{background-position:right -85px}
*+html .nav-panel .nav-link a:hover.prev{background-position:right -61px}
*+html .nav-panel .nav-link a:hover.next{background-position:right -41px}

.nav-thumbs-container{
position:relative;
margin-left:-6px;
height:405px; 
overflow:hidden
}
.nav-thumbs{position:absolute; top:0; left:0; width:100%}
.nav-thumbs li{height:67px; margin:10px 0; padding-left:8px; padding-top:2px}
.nav-thumbs li.current{background:url('http://a.tbcdn.cn/img/app/recommend_list/pictorial_icons.gif') no-repeat 0 0}
.nav-thumbs li a{
display:table-cell;
vertical-align:middle;
*display:block;
*font-size:55px; 
*font-family:Arial; 
width:79px; height:63px;
overflow:hidden;
border:1px solid #888;
text-align:center;
opacity:0.6; filter:alpha(opacity=60)
}
.nav-thumbs li a img{max-width:79px; max-height:63px; vertical-align:middle}
.nav-thumbs li.current a{border:1px solid #414141}
.nav-thumbs li a:hover,
.nav-thumbs li.current a{opacity:1; filter:alpha(opacity=100)}

.thumbs-list h3{
background:url('http://a.tbcdn.cn/img/app/recommend_list/poster_sprite.png') no-repeat -1344px -237px;
color:#494949;
font-size:14px;
height:26px; line-height:26px;
text-indent:5px;
}
#related-list h3{
background-position:-764px -208px;
font-weight:bold;
text-indent:10px;
}
.thumbs-list h3 em{
background:url('http://a.tbcdn.cn/img/app/recommend_list/poster_sprite.png') no-repeat -767px -242px;
padding-left:20px;
}
.thumbs-list ul{
border:1px solid #CCC;
margin:-2px 0 5px;
padding:5px 10px;
}
.thumbs-list li{
text-align:center;
width:122px;
margin:0 auto;
overflow:hidden;
padding:10px 5px;
}
.thumbs-list li:hover{background:#FFECB7}
.thumbs-list li .thumb{margin:0 0 5px 2px}
.thumbs-list a:link,
.thumbs-list a:visited{color:#111}
.thumbs-list a:hover,
.thumbs-list a:active{color:#f50}

.thumbs-list .central-pic{
*font-size:105px;
width:120px; height:120px;
border-color:#ddd;
}

.list-page-nav{
background:url('http://a.tbcdn.cn/img/app/recommend_list/poster_sprite.png') no-repeat -765px -120px;
height:30px;
margin-left:135px;
}
.list-page-nav li{
float:left;
font-size:12px;
font-weight:bold;
margin-top:5px;
text-align:center;
width:236px;
}
.list-page-nav li a:link,
.list-page-nav li a:visited{
color:#000;
}

#related-list{clear:both; margin-top:10px}
#related-list li{float:left; width:138px; height:150px}
#related-list li .thumb{margin:0 0 5px 8px;}
#related-list .list-title{clear:both; display:block; margin-top:5px}
#related-list ul{border:none; margin-top:0}
#related-list .bd{background:#FBF4EE; width:760px}

#list-info{
clear:both; margin:10px 0 20px 0; height:70px; overflow:hidden;
border:1px solid #CCC;
position:relative;
}

.user-avator{
cursor:pointer;
display:block;
float:left;
width:70px;
}
.user-avator b{
display:table-cell;
height:68px; width:68px;
overflow:hidden;
vertical-align:middle;
padding:2px;
}
.user-avator b img{
max-height:66px; max-width:66px; _height:66px; _width:66px;
vertical-align:middle
}
#list-info h2{
font-size:14px; font-weight:bold;
height:35px; line-height:35px;
margin-left:70px; padding-left:10px;
border-bottom:1px solid #CCC;
border-left:1px solid #CCC;
}
#list-info .item-meta{
height:35px; line-height:35px;
background:#EEF9FD;
margin-left:70px;
border-left:1px solid #CCC;
}
#list-info .item-meta li{
float:left;
margin-right:10px;
padding-left:10px;
}
.item-meta .price span{color:#F50; font-weight:bold}
#list-info .item-meta .date{float:right; margin-right:10px}

#list-info .handler{position:absolute; right:5px; top:5px;}
.handler .rate-s{
margin-left:8px;
height:auto; padding:0;
_display:inline;
border:1px solid #ffa200;
float:left;
background:url(http://pics.taobaocdn.com/bao/album/sys/rate.png) repeat-x 0 -58px;
}
.handler .rate-s b{
line-height:21px;
border:1px solid white;
float:left;
padding:0 3px 0 15px;
font-weight:normal;
}
.handler .rate-s a{float:left; display:block; height:21px;}
.handler .rate-s b a{color:black !important; margin-right:2px;}
.handler .rate-s b span{color:#ff4d01;}
.handler .rate-s1 b{background:url(http://pics.taobaocdn.com/bao/album/sys/rate.png) no-repeat 3px 3px;}
.handler .rate-s2 b{background:url(http://pics.taobaocdn.com/bao/album/sys/rate.png) no-repeat 3px -27px;}

#list-info a:link,
#list-info a:visited{color:#0196CE}

#position-nav{position:relative}
.list-mode{position:absolute; top:2px; right:200px}
.list-mode a{
background:transparent url(http://a.tbcdn.cn/img/app/recommend_list/icons_grp.gif) no-repeat scroll 0 -278px;
padding-left:18px;
}