/** reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline}
body, button, input, select, textarea { font:12px/1.5 tahoma, arial, sans-serif}
table { border-collapse:separate; border-spacing:0}
caption, th, td { text-align:left; font-weight:normal}
table, td, th { vertical-align:middle}
blockquote:before, blockquote:after, q:before, q:after { content:""}
blockquote, q { quotes:"" ""}
a { text-decoration:none; color:#333}
a:hover { text-decoration:underline}
a img { border:none}
strong { font-weight:bold}
em { font-style:italic}
ul, ol { list-style:none}
input:focus { outline:0}


/** font-weight */
.fwn { font-weight:normal}
.fwb { font-weight:bold}
.fwbr { font-weight:bolder}
.fwlr { font-weight:lighter}
.c1 { color:#fd0000}

/** font-style */
.fsn { font-style:normal}
.fsi { font-style:italic}
.fso { font-style:oblique}

/** font-size */
.fs12 { font-size:12px}
.fs14 { font-size:14px}
.fs16 { font-size:16px}
.fs18 { font-size:18px}

/** color */
.red { color:red}
.green { color:green}

/** margin-top */
.mt5 { margin-top:5px}
.mt10 { margin-top:10px}
.mt15 { margin-top:15px}
.mt20 { margin-top:20px}

/** margin-bottom */
.mb5 { margin-bottom:5px}
.mb10 { margin-bottom:10px}
.mb15 { margin-bottom:15px}
.mb20 { margin-bottom:20px}

/** margin-left */
.ml5 { margin-left:5px}
.ml10 { margin-left:10px}
.ml15 { margin-left:15px}
.ml20 { margin-left:20px}

/** margin-right */
.mr5 { margin-right:5px}
.mr10 { margin-right:10px}
.mr15 { margin-right:15px}
.mr20 { margin-right:20px}

/** padding-top */
.pt5 { padding-top:5px}
.pt10 { padding-top:10px}
.pt15 { padding-top:15px}
.pt20 { padding-top:20px}

/** padding-bottom */
.pb5 { padding-bottom:5px}
.pb10 { padding-bottom:10px}
.pb15 { padding-bottom:15px}
.pb20 { padding-bottom:20px}

/** vertical-align */
.vt { vertical-align:top}
.vm { vertical-align:middle}
.vb { vertical-align:bottom}

/** width */
.w292 { width:292px}
.w682 { width:682px}

/** display */
.db { display:block}
.di { display:inline}
.dib { display:inline-block}

/** position */
.rel { position:relative}
.abs { position:absolute}
.fixed { position:fixed}

/** text-align */
.tl { text-align:left}
.tc { text-align:center}
.tr { text-align:right}

.fl { float:left}
.fr { float:right}

/** fix float */
.fix { *zoom:1}
.fix:after { display:block; content:""; height:0; clear:both; overflow:hidden; visibility:hidden}
.clear { clear:both; font-size:0; line-height:0; height:0; overflow:hidden}

body { background:#333; color:#333}
.wrapper { width:1000px; margin:0 auto}

.header { height:183px; background:url(../images/bg.png) repeat-x}
.header li { float:left; _display:inline; vertical-align:text-top}

.header .logo { top:40px; left:23px}
.header .logo a { display:block; width:176px; height:58px; background:url(../images/logo.gif) no-repeat; text-indent:-9999px; overflow:hidden}

.header .tips { top:6px; left:8px}
.header .links { top:6px; right:8px}
.header .tips li,
.header .links li { line-height:23px\0; color:#ccc}
.header .links li { margin-left:8px; padding-left:8px; background:url(../images/bg.png) no-repeat -313px -721px}
.header .links li a { color:#ccc}

.header .pics { top:35px; right:8px}
.header .pics li a { display:block}

.header .nav { top:106px; left:0; width:994px; height:34px; padding-left:4px; background:url(../images/bg.png) no-repeat 0 -500px; border:1px solid #676767; border-bottom:none}
.header .nav li { padding:6px 11px 0 11px; padding-top:8px\0}
.header .nav li a { font-weight:bold; font-size:14px; color:#fff}

.header .search { top:150px; left:25px}
.header .search .form { width:480px; height:24px; background:url(../images/bg.png) no-repeat 0 -440px}
.header .search .form .title { top:2px; top:4px\0; left:17px}
.header .search .form .keywords { top:2px; top:4px\0; left:95px}
.header .search .form .keywords input { width:190px; height:20px; padding:0; background:none; border:none}
.header .search .form .category { top:2px; left:330px}
.header .search .form .category select { padding:1px}
.header .search .form .button { top:2px; left:393px}
.header .search .form .button input { width:68px; height:21px; padding:0; background:url(../images/bg.png) no-repeat 0 -540px; border:none; cursor:pointer; text-indent:-9999px; overflow:hidden}
.header .search .form .button input:active { background-position:1px -539px\0}

.header .hot { top:152px; top:154px\0; left:536px}
.header .hot li { margin-right:10px}

.main { width:984px; padding:8px; background:#fff}

.footer { padding-top:51px; background:url(../images/footer.png) repeat-y; color:#fff}
.footer a { color:#fff}
.footer .footer-left { top:8px; left:14px}
.footer .footer-right { top:8px; right:8px}
.footer .footer-right li { text-align:right}

/** friend-links */
.friend-links {}
.friend-links .title { height:24px; font-weight:bold; font-size:14px; color:#06c}
.friend-links .content { border-top:1px solid #ddd; padding-top:5px; padding-bottom:30px}
.friend-links .content li { float:left; _display:inline; padding:3px 5px}

/** slider */
.slider { position:relative; width:520px; height:246px; overflow:hidden}
#slider_images li img { width:520px; height:246px}
#slider_thumbs { position:absolute; z-index:2; bottom:10px; right:10px}
#slider_thumbs li { float:left; _display:inline; width:74px; height:35px; padding:1px; margin-left:8px; overflow:hidden}
#slider_thumbs li img { width:74px; height:35px}
#slider_thumbs li a { display:block}
#slider_thumbs li.hover { padding:0; border:1px solid #333}

/** quick */
.quick { padding:1px; border:1px solid #d3d3d3}
.quick .c { width:148px; height:242px; background:url(../images/bg.png) repeat-x 0 -190px;  overflow:hidden}
.quick .c .t { height:20px; padding:5px 0 5px 10px; font-weight:bold; color:#f00}
.quick .c .q1, .quick .c .q2, .quick .c .q3, .quick .c .q4 { height:40px; padding:5px 5px 5px 48px; border-bottom:1px dotted #c5c6c9; color:#666}
.quick .c span { display:block; margin-top:4px; padding-left:18px; line-height:19px; line-height:23px\0;  background:url(../images/bg.png) no-repeat -303px -687px; color:#999}
.quick .c .q1 { background:url(../images/q1.gif) no-repeat 10px center}
.quick .c .q2 { background:url(../images/q2.gif) no-repeat 10px center}
.quick .c .q3 { background:url(../images/q3.gif) no-repeat 10px center}
.quick .c .q4 { background:url(../images/q4.gif) no-repeat 10px center; border-bottom:none}


/** 984 */
.ibox { border:1px solid #ddd; overflow:hidden}

/** box */
.box { border:1px solid #ddd}
.box .title { height:25px; line-height:25px; *line-height:27px; line-height:28px\0; text-indent:15px; background:url(../images/bg.png) repeat-x 0 -470px; font-size:14px; overflow:hidden}
.box .title .r { top:0; right:10px; font-size:12px}
.box .title .r.category a { margin-left:5px}
.box .content { padding:5px; border-top:1px solid #e6e6e6}
.box .content.w-956 { width:958px; padding:12px}

/** text list */
.t-list {}
.t-list li { position:relative; padding-left:25px; padding-right:50px; height:25px; line-height:25px; line-height:28px\0; border-bottom:1px dotted #ccc; overflow:hidden}
.t-list li .date { position:absolute; top:0; right:2px; color:#f00}

.t-list.update {}
.t-list.update li { background:url(../images/bg.png) no-repeat -301px -534px}
.t-list.update li .now { margin-left:15px; color:#666}

.t-list.sort { padding-bottom:7px; background:url(../images/bg.png) no-repeat 2px -604px}
.t-list.sort li.i { height:100px; padding-right:0}
.t-list.sort li.i .top { position:relative; height:100px; padding-left:85px; line-height:21px; color:#666}
.t-list.sort li.i .top .name { padding-top:4px; padding-top:6px\0; margin-bottom:5px; font-weight:bold}
.t-list.sort li.i .top .image { position:absolute; top:5px; left:0}
.t-list.sort li.i .top .image a { display:block; width:65px; height:88px; border:1px solid #ddd; overflow:hidden}
.t-list.sort li.i .top .actor { height:23px; overflow:hidden}
.t-list.sort li.i .top .actor a { margin-right:5px; color:#666}

.t-list.sort-2 { background:url(../images/number.gif) no-repeat 2px 1px}
.t-list.sort-2 li { height:24px; line-height:24px; line-height:28px\0}
.t-list.sort-2 li .now { position:absolute; top:0; right:2px; color:#666}

/** image list */
.i-list {}
.i-list li { float:left; _display:inline; width:124px; padding:5px 5px 0 5px}
.i-list li a.image { display:block; width:120px; height:165px; padding:1px; border:1px solid #ccc}
.i-list li a.image:hover { border-color:#111}
.i-list li a.name { display:block; height:19px; margin-top:4px; text-align:center; overflow:hidden}

.i-list-2 { color:#666}
.i-list-2 a { color:#999}
.i-list-2 li { float:left; _display:inline; width:327px; height:185px; padding:4px; border-bottom:1px dashed #ccc}
.i-list-2 li .item { position:relative; height:185px; padding-left:143px}
.i-list-2 li .item .name { position:relative; height:21px; margin-bottom:4px; border-bottom:1px solid #ededed; font-weight:bold}
.i-list-2 li .item .name a { color:#333}
.i-list-2 li .item .name strong { font-size:14px}
.i-list-2 li .item .name .now { position:absolute; top:2px; right:0; color:#f00}
.i-list-2 li .item .image { position:absolute; top:0; left:0}
.i-list-2 li .item .image a { display:block; width:130px; height:177px; padding:3px; border:1px solid #ccc; overflow:hidden}
.i-list-2 li .item .image a:hover { border-color:#111}
.i-list-2 li .item .actor { height:19px; overflow:hidden}
.i-list-2 li .item .actor a { margin-right:5px}
.i-list-2 li .item .intro { height:75px; margin:3px 0; padding-top:4px; border-top:1px solid #ededed; border-bottom:1px solid #ededed; overflow:hidden}
.i-list-2 li .item .button { position:absolute; bottom:25px; left:143px}
.i-list-2 li .item .button a { position:absolute; top:0; width:39px; height:17px; background:url(../images/bg.png) no-repeat; text-indent:-9999px; overflow:hidden}
.i-list-2 li .item .button a.play { left:10px; background-position:-70px -540px}
.i-list-2 li .item .button a.view { left:59px; background-position:-110px -540px}

/** category list */
.c-list { padding:10px 15px}
.c-list .t { padding-top:5px; font-weight:bold; font-size:14px; color:#666}
.c-list .c { padding:5px 0}
.c-list .c a { white-space:nowrap; margin-right:10px; color:#2b6bad}
.c-list .line { margin:5px 0 10px 0; border-top:1px dotted #ccc}

/** pagination */
.page { padding:5px; text-align:center}

.data { height:252px; padding:0 252px 0 195px}
.data .image { position:absolute; top:0; left:0; width:175px; height:245px; padding:3px 5px 5px 3px; background:url(../images/image-bg.png) no-repeat; overflow:hidden}
.data .r { position:absolute; top:0; right:0; width:300px; height:250px; overflow:hidden}
.data dl { height:252px; overflow:hidden}
.data dl dt, .data dl dd { float:left; _display:inline; height:32px; line-height:32px; margin-top:4px}
.data dl dt { width:90px; background:#f4f4f4; text-align:center; font-weight:bold; font-size:14px}
.data dl dd { width:360px; text-indent:5px; font-size:14px}

.iibox {}
.iibox-top { position:relative; height:31px; margin:0 10px; background:url(../images/bg.png) repeat-x 0 -570px; line-height:31px; line-height:34px\0}
.iibox-top .l, .iibox-top .r { position:absolute; top:0; width:10px; height:31px; background:url(../images/bg.png) no-repeat}
.iibox-top .l { left:-10px; background-position:-150px -535px}
.iibox-top .r { right:-10px; background-position:-160px -535px}

.iibox-bottom { position:relative; height:3px; margin:0 4px; border-bottom:1px solid #d9d9d9}
.iibox-bottom .l, .iibox-bottom .r { position:absolute; top:0; width:4px; height:4px; background:url(../images/bg.png) no-repeat}
.iibox-bottom .l { left:-4px; background-position:-270px -540px}
.iibox-bottom .r { right:-4px; background-position:-274px -540px}
.iibox-content { border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9}

.play-list .iibox-top { padding-left:10px}
.play-list .iibox-content { padding:10px 20px}
.play-list .list dt { height:24px; text-indent:15px; background:url(../images/bg.png) no-repeat -307px -606px; font-size:14px}
.play-list .list dd li { float:left; _display:inline; width:86px; height:27px; margin:5px 5px 0 0; line-height:27px; line-height:29px\0; text-indent:18px; background:url(../images/bg.png) no-repeat -175px -540px; overflow:hidden}
.play-list .list dd li a { color:#005f9f}

.plot { position:relative; width:625px; padding:10px; border:1px solid #d9d9d9}
.plot .title { height:24px; text-indent:20px; background:url(../images/bg.png) no-repeat -300px -640px; font-size:14px; border-bottom:1px dotted #ccc}
.plot .content { height:230px; font-size:14px; overflow:auto; scrollbar-track-color: #f3f3f3}
.plot .r { position:absolute; top:0; left:655px; width:300px; height:300px; border:1px solid #d9d9d9}

.playing { width:640px}
.playing .t { width:638px; height:29px;  border:1px solid #ccc; text-align:center; font-weight:bold; font-size:14px; line-height:29px; line-height:32px\0; overflow:hidden}
.playing .player { width:640px; height:460px; margin-top:5px}
.playing .r { top:0; left:655px; width:300px; height:486px}

li.last { border-color:#fff}