/* pinPublic */
body { margin:0; padding:0; font-size:14px; color:#999999; background-color:#000000; text-align:left;}
ul,li { margin:0; padding:0; list-style:none; overflow:hidden;}
img { border:none;}
.clear { clear:both;}
a { text-decoration:none; color:#999999; font-size:14px;}
a:hover { color:#CCCCCC;}
.content { width:1000px; margin:0 auto; overflow:hidden; background-color:#000000; border-left:1px #626548 solid; border-right:1px #626548 solid;}
.floatLeft { float:left;}
.floatRight { float:right;}
.center { text-align:center;}
/* pinPublic */

/* header */
.pinHead { height:80px; padding:5px 10px; clear:both;}
.coolLog { float:left; margin:0 10px 0 5px;}
.coolNavigation { float:left; margin-top:10px;}
.myStyle { float:right; width:256px; height:38px; margin:10px 10px 0 0;}
.floatLeft { float:left;}
.floatRight { float:right;}
.center { text-align:center;}
.textLine { width:996px; height:7px; clear:both; margin:0 auto;}
.textLine img {margin:0; padding:0; vertical-align:top;}
a.pinOtherPage {color:#CCCCCC;}
a.pinOtherPage:hover { color:#EEEEEE;}
a.buyPin { width:105px; height:22px; color:#FC5A0A; text-decoration:none; background:url(../images/aHomePage.gif) 0 0 no-repeat; font-size:15px; line-height:22px; text-align:center; display:block;}
a.buyPin:hover { background-color:#FC5A0A; color:#FFFFFF;}
.topRight { float:right; width:250px; height:75px;}
.versionNumber { float:right; width:110px; height:50px; text-align:center; margin:3px 5px 2px 0;}
.vol { display:block; float:right; font-size:16px; margin-bottom:10px; line-height:18px; width:100px; text-align:right;}
.searchID { float:right; margin:0; padding-right:12px; width:220px; height:25px;}
.searchID .span1 { width:60px; font-size:14px; border:1px #FFFFFF solid; float:left; text-align:right; line-height:18px;}
.searchID input { width:110px; height:16px; border:1px #FFFFFF solid; float:left;}
a.a1 { float:right; width:40px; height:18px; line-height:18px; border:1px #FFFFFF solid; display:block; color:#999999; text-decoration:none; text-align:center; float:right;}
a.a1:hover { color:#FFFFFF; font-weight:bold; text-decoration:none;}
/* header */

/* showPinCool.jsp */
.coolLife { width:978px; height:402px; margin:10px auto; background:url(../images/Clife.jpg) 0 0 no-repeat;}
.lifeList { width:195px; line-height:27px; white-space:nowrap; text-overflow:ellipsis;}
.ulCoolLife { float:left; width:195px; height:390px; margin:10px 0 0 10px;}
.ulCoolLife .part1 { width:195px; height:200px; overflow:hidden;}
.ulCoolLife .part1 img { width:195px; height:200px;}
.ulCoolLife .part2 { width:195px; height:60px; text-indent:30px; line-height:20px;}
.coolPinAD1 { width:195px; height:100px;}
.coolPinAD1 img { float:left; width:195px; height:100px;}
.ulCoolLife2 { float:left; width:195px; height:300px; margin:90px 0 0 10px;}
.coolImg2,.coolImg2 img { width:195px; height:260px;}
.imgTitle2 { width:195px; line-height:40px; font-size:14px; text-align:center; white-space:nowrap; text-overflow:ellipsis;}
.coolTimeLine { float:left; width:120px; height:400px; margin:1px 5px; background:url(../images/timeLineBg.jpg) 0 0 no-repeat;}

.coolLove { float:left; width:462px; height:267px; margin:10px 0 10px 5px; background:url(../images/Clove.jpg) 0 0 no-repeat;}
.ulcoolLoveList { float:left; width:200px; height:250px; margin:8px 0 0 5px;}
.ulcoolLoveImg { float:left; width:202px; height:200px; margin:60px 0 0 0; overflow:hidden;}
.coolImg3 { width:202px; height:162px;}
.coolImg3 img { width:200px; height:160px; border:1px #7e8059 solid;}
.imgTitle3 { width:200px; line-height:40px; text-align:center; white-space:nowrap; text-overflow:ellipsis;}
.coolPhone { float:left; width:462px; height:267px; margin:10px 0 10px 55px; background:url(../images/Cphone.jpg) 0 0 no-repeat;}

.coolCar { clear:both; width:978px; height:195px; overflow:hidden; margin:15px auto;}
.coolCar_1 { float:left; width:358px; height:195px; background:url(../images/Ccar.jpg) left 0 no-repeat;}
.coolCarDesc { float:right; width:180px; height:60px; margin-top:5px; line-height:20px; text-indent:30px; overflow:hidden;}
.coolImg4{ width:320px; height:120px; margin:3px 0 0 25px; clear:both;}
.coolImg4 img { width:320px; height:120px;}
.coolCar_2 { float:left; width:225px; height:190px; padding:3px 10px 0 10px; background:url(../images/CcarBg.jpg) 0 0 repeat-x; border-top:1px #696951 solid; border-bottom:1px #696951 solid;}
.CarList { width:224px; line-height:27px; white-space:nowrap; text-overflow:ellipsis;}
.coolCar_3 { float:left; width:370px; height:193px; background:url(../images/CcarBg.jpg) 0 0 repeat-x; border:1px #696951 solid; border-left:none;}
.coolPinAD2 { width:300px; height:150px; margin:20px auto 0 auto; overflow:hidden;}
.coolPinAD2 img { width:300px; height:150px;}

.coolThree { width:977px; height:326px; margin:10px auto; clear:both;}
.coolMusic,.coolPlays { float:left; width:205px; height:246px; padding:80px 0 0 10px;}
.videoList { width:196px; line-height:28px; white-space:nowrap; text-overflow:ellipsis;}
.coolVideo { float:left; width:547px; height:326px; background:url(../images/CvideoMid.jpg) 0 0 no-repeat; overflow:hidden;}
#myVideo { width:460px; height:260px; margin:20px auto 0 auto; border:1px #d2d68d solid;}
.videoName { width:420px; height:30px; font-size:20px; overflow:hidden; font-weight:bold; line-height:30px; margin:3px 0 0 30px;}
.coolMusic { background:url(../images/CvideoLeft.jpg) 0 0 no-repeat; overflow:hidden;}
.coolPlays { background:url(../images/CvideoRight.jpg) 0 0 no-repeat; overflow:hidden;}

.myTable { margin:20px auto;}
.coolPoem { width:256px; height:532px; background:url(../images/Cpoem.jpg) 0 0 no-repeat; overflow:hidden;}
.ulPoemList { width:224px; margin:20px auto;}
.firstPoem { display:block; width:240px; height:120px; margin:60px auto 10px auto; line-height:25px; text-indent:30px; overflow:hidden;}
.firstPoem img { float:left; width:80px; height:60px; margin:0 15px 5px 0;}
.madeFont { display:block; width:240px; height:180px; margin:20px auto 0 auto; line-height:25px; text-indent:30px; overflow:hidden; clear:both;}
.madeFont img { float:right; width:90px; height:120px; margin:0 0 0 5px;}
.coolPinAD3 { width:250px; height:130px; overflow:hidden; border:1px #696951 solid;}
.coolPinAD3 img { width:250px; height:130px;}

.coolGame { width:256px; height:532px; background:url(../images/Cgame.jpg) 0 0 no-repeat; overflow:hidden;}
.ulGameImg { width:224px; height:270px; margin:60px 0 0 15px; *margin:60px 0 0 10px;}
.coolGameImg,.coolGameImg img { width:224px; height:240px;}
.coolGameTitle { width:224px; line-height:30px; text-align:center; white-space:nowrap; text-overflow:ellipsis;}

.CcartoonBg { width:702px; height:205px; background:url(../images/CcartoonBg.jpg) 0 0 no-repeat; overflow:hidden;}
.bg { width:694px; height:193px; text-align:left; margin:6px auto 0 auto; background:url(../images/CcarBg.jpg) 0 0 repeat-x;}
.CcartoonBg .left { float:left; width:209px; height:190px;}
.CcartoonBg .ulCartoonList { float:left; width:180px; height:190px;}
.CcartoonBg .left { float:left; width:209px; height:190px;}
.cartoonImg1 { width:190px; height:140px; margin-left:5px;}
.cartoonImg1 img { width:190px; height:140px;}
.ulCartoonList { width:190px; margin-top:10px;}
.cartoonList { width:190px; line-height:25px; white-space:nowrap; text-overflow:ellipsis;}
.ulCartoonImg { float:left; width:126px; height:190px; text-align:center; margin:10px 0 10px 20px;}
.cartoonImg2,.cartoonImg2 img { width:126px; height:140px;}
.cartoonTitle { width:100%; text-align:center; line-height:25px; white-space:nowrap; text-overflow:ellipsis;}

.coolArt { width:422px; height:483px; background:url(../images/CyiBg.jpg) 0 0 no-repeat;}
.coolArt a { color:#333333;}
.coolArt a:hover { color:#FC5A0A;}
.coolArt .left { float:left; width:200px; margin:60px 0 0 0;}
.coolArt .left .artList { clear:both; width:182px; margin-left:18px; text-align:left; line-height:30px; white-space:nowrap; text-overflow:ellipsis;}
.artImg,.artImg img  { clear:both; width:180px; height:180px; border:1px #000 solid;}
.coolArt .right { float:left; width:200px; margin:60px 0 0 15px;}

.coolCole { float:left; width:497px; height:259px; margin:10px 0 15px 10px; *margin:10px 0 15px 5px; background:url(../images/Crole.jpg) 0 0 no-repeat; overflow:hidden;}
.ulColeImg { float:left; width:260px; height:200px; margin:59px 0 0 10px; *margin:59px 0 0 5px;}
.coolColeImg,.coolColeImg img { width:260px; height:160px;}
.coolColeTitle { width:260px; line-height:40px; text-align:center; white-space:nowrap; text-overflow:ellipsis;}
.ulColeList { float:right; width:200px; height:240px; margin:10px 10px 0 0;}
.coleList { width:196px; line-height:35px; white-space:nowrap; text-overflow:ellipsis;}

.coolLong { float:left; width:460px; height:259px; margin:10px 0 15px 20px; background:url(../images/Cbang.jpg) 0 0 no-repeat; overflow:hidden;}
.ulLongList { float:right; width:200px; height:180px; margin:10px 10px 0 0;}
.ulLongList2 { float:left; width:223px; height:55px; margin:10px 0 0 10px;}
.ulLongList2 .coleList { width:226px; line-height:28px; white-space:nowrap; text-overflow:ellipsis;}
.ulLongImg { float:left; width:175px; height:130px; margin-top:57px; margin-left:15px; *margin-left:5px; border:1px #7e8059 solid;}
.coolLongImg,.coolLongImg img { width:175px; height:130px;}
/* showPinCool.jsp */