﻿@charset "utf-8";

/* CSS Document */ /* CSS Document */ /* submenu */
img {
 -behavior: url(/js/iepngfix.htc);
 border: 0px;
}

#mainContent #submenu {
 height: 30px;
 float: left;
 width: 945px;
 background-repeat: repeat-x;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #004d5d;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #004d5d;
}

#submenu ul {
 margin: 0px;
 padding: 0px;
 background-repeat: no-repeat;
 background-position: right;
}

#submenu li {
 float: left;
 list-style-type: none;
 text-align: center;
 display: inline;
 padding-right: 15px;
 padding-left: 15px;
 padding-bottom: 0px;
 white-space: nowrap;
 font-size: 14px;
 font-weight: bold;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 height: 25px;
 background-image: url(/images/effect_sub_libg.gif);
 background-repeat: no-repeat;
 background-position: right center;
 padding-top: 5px;
}

#submenu #summenu-l {
 float: left;
 height: 39px;
 width: 9px;
 background-color: #000000;
}

#submenu #submenu-r {
 float: right;
 height: 39px;
 width: 9px;
 margin-left: 0px;
 background-color: #000000;
}

#submenu #submenu-c {
 float: left;
}

#submenu-c a {
 text-decoration: none;
 float: left;
}

#submenu-c a:hover {
 text-decoration: none;
 background-image: url(/images/submenu-on.png);
 background-position: center bottom;
 background-repeat: no-repeat;
 height: 25px;
}

#submenu #submenu-c .on {
 background-repeat: no-repeat;
 background-image: url(/images/submenu-on.png);
 color: #00CCFF;
 font-weight: bold;
 background-position: center bottom;
 height: 25px;
 -width: 80px;
}

/* end effect_list view */
#ctn .effectBlock_L {
	width: 600px;
 float: left;
 margin-right: 30px;
 display: inline;
 margin-bottom: 15px;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #333333;
 padding-bottom: 20px;
}

#ctn .effectBlock_L .thumb120_90 {
 float: left;
 height: 90px;
 width: 120px;
 border: 1px dotted #333333;
}

.thumb120_90 .asprate {
	position:absolute;
	text-align:right;
	width:120px;
}

#ctn .effectBlock_L .noteinfo_H {
 font-size: 10px;
 float: left;
 width: 430px;
 color: #666666;
 line-height: normal;
 margin-left: 20px;
 display: inline;
}

#ctn .effectBlock_L .effectName_H {
 float: left;
 width: 430px;
 line-height: 16px;
 margin-top: 5px;
 margin-left: 20px;
 display: inline;
 font-style: normal;
	font-size: 14px;
}

#ctn .effectBlock_L .type_H {
 font-size: 11px;
 float: left;
 color: #999999;
 padding: 0px;
 line-height: normal;
 margin-top: 5px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 10px;
 display: inline;
}

#ctn .effectBlock_L .creater_H {
 float: left;
 font-size: 11px;
 color: #999999;
 margin-top: 5px;
 line-height: normal;
 display: inline;
	margin-left: 20px;
}

#ctn .effectBlock_L .downloads_H {
 float: left;
 font-size: 12px;
 color: #999999;
 line-height: normal;
 margin-top: 5px;
 margin-left: 10px;
 display: inline;
}

#ctn .effectBlock_L .rate_H {
 float: left;
 font-size: 11px;
 color: #999999;
 margin-top: 5px;
 line-height: normal;
 margin-left: 10px;
 display: inline;
}

#ctn .effectBlock_L .download_H {
 float: left;
 width: 120px;
 color: #999999;
 margin-top: 10px;
 line-height: normal;
 text-transform: uppercase;
 font-size: 10px;
	margin-left: 140px;
 display: inline;
}

#ctn .effectBlock_L .des_H {
 float: left;
 width: 430px;
 line-height: 16px;
 margin-top: 10px;
 margin-left: 20px;
 font-size: 11px;
 color: #999999;
 display: inline;
}

/* end effect_list view */ /* effect_thumbnail view */
#ctn .effectBlock_T {
 width: 122px;
 float: left;
 margin-right: 30px;
 display: inline;
 margin-bottom: 20px;
}

#ctn .effectBlock_T .thumb120_90 {
 float: left;
 height: 90px;
 width: 120px;
 border: 1px dotted #333333;
}

#ctn .effectBlock_T .noteinfo_120 {
 font-size: 10px;
 float: left;
 width: 126px;
 color: #666666;
 line-height: normal;
}

#ctn .effectBlock_T .effectName_120 {
 float: left;
 width: 120px;
 line-height: 16px;
 margin-top: 5px;
}

#ctn .effectBlock_T .type_120 {
 font-size: 10px;
 float: left;
 width: 120px;
 color: #999999;
 margin: 0px;
 padding: 0px;
 line-height: normal;
}

#ctn .effectBlock_T .creater_120 {
 float: left;
 width: 120px;
 font-size: 10px;
 color: #999999;
 margin-top: 5px;
 line-height: normal;
}
#ctn .effectBlock_T .downloads_120 {
	float: left;
	width: 120px;
	font-size: 10px;
	color: #999999;
	line-height: normal;
}
#ctn .rate_120 {
 float: left;
 width: 120px;
 font-size: 10px;
 color: #999999;
 margin-top: 10px;
 line-height: normal;
}

#ctn .effectBlock_T .download_120 {
 float: left;
 width: 120px;
 -width: 115px;
 color: #999999;
 margin-top: 5px;
 line-height: normal;
 text-transform: uppercase;
 font-size: 10px;
}

/* end effect_list view */
#ctn .effectBlock_L .thumb140_90 {
 float: left;
 height: 90px;
 width: 140px;
 border: 1px dotted #333333;
}

#ctn .effectBlock_L .effectName_H {
 float: left;
	width: 430px;
 line-height: 16px;
 margin-top: 5px;
 margin-left: 20px;
 display: inline;
 font-style: normal;
}

/*ctn left*/

#ctn #ctnL {
 float: left;
 width: 620px;
	margin-top: 5px;
 margin-left: 30px;
 display: inline;
 border-right-width: 1px;
 border-right-style: dotted;
 border-right-color: #333333;
}

/*end ctn left*/
#ctnL .commentslist .img_effect {
 height: 90px;
 width: 120px;
 float: left;
 border: 1px dotted #333333;
}

#ctnL .commentslist {
 width: 600px;
 float: left;
 margin-bottom: 15px;
 padding-bottom: 15px;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #333333;
}

#ctnL .commentslist .img_effect {
 height: 90px;
 width: 120px;
 float: left;
 border: 1px dotted #333333;
}

#ctnL .commentslist .img_video {
 height: 90px;
 width: 140px;
 float: left;
 border: 1px dotted #333333;
}

#ctnL .commentslist .commentctn {
 float: right;
 width: 430px;
 margin-left: 20px;
 overflow: hidden;
}

#ctnL .newly {
 width: 600px;
 float: left;
 margin-bottom: 10px;
 border-bottom-width: 1px;
 border-bottom-style: dotted;
 border-bottom-color: #333333;
 padding-bottom: 10px;
}

#ctnL .newly .moreFrom {
 float: left;
 width: 95px;
 -width: 93px;
 font-size: 11px;
 font-family: "Lucida Sans Unicode", Tahoma, Helvetica, Arial, sans-serif
  ;
}

#ctnL .video_140x90 {
 float: left;
 height: 140px;
 width: 142px;
 margin-right: 10px;
 display: inline;
 margin-bottom: 25px;
}

#ctnL .video_140x90 .videoName {
 float: left;
 width: 120px;
 max-height: 40px;
 margin-top: 5px;
 text-align: left;
 overflow: hidden;
}

.videoThumb {
height:72px;
width:120px;
}

.views_120 {
color:#999999;
float:left;
font-size:12px;
line-height:normal;
width:120px;
white-space: nowrap;
}

/*ctn right*/
#ctn #ctnR {
 float: right;
 margin-top: 15px;
 margin-right: 30px;
 width: 235px;
 display: inline;
}

#ctn #ctnR .acatar_70 {
 float: left;
 height: 70px;
 width: 70px;
 border: 1px solid #333333;
 margin-right: 5px;
 margin-bottom: 5px;
 display: inline;
}

#ctn #ctnR .rightblock {
 float: left;
 width: 235px;
 margin-bottom: 20px;
 overflow: hidden;
 text-overflow: ellipsis;
}

#ctnR #banner213x181 {
 float: left;
 height: 181px;
 width: 235px;
 margin-bottom: 20px;
}

/*end ctn right*/ /* sort */
#ctn #sort {
	float: left;
	width: 600px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
 display: inline;
	margin-top: 5px;
	padding-bottom: 5px;
 margin-bottom: 15px;
}
#sort .sortL {
 float: left;
}
#sort .sortP {
 float: left;
 margin-right: 30px;
 display: inline;
	margin-left: 0px;
 height: 16px;

}
#sort .sortP a {
	text-decoration: underline;
	padding-right: 8px;
	padding-left: 8px;
}}
#sort #left {
 float: left;
}

#sort #right {
 float: right;
}

#sort #right .display {
 float: left;
 padding-left: 5px;
}

/* end sort */
#mainContent .who {
 float: left;
 width: 180px;
 margin-bottom: 25px;
 margin-right: 20px;
 display: inline;
 height: 80px;
}

#mainContent .who .avatar70 {
 float: left;
 height: 70px;
 width: 70px;
 border: 1px solid #333333;
}

#mainContent .who .name {
 float: left;
 width: 95px;
 padding-left: 10px;
 text-align: left;
 text-overflow: ellipsis;
 overflow: hidden;
}

#mainContent #ctn {
	height: 988px;
	width: 945px;
	float: left;
	background-image: url(../images/ctnbg.gif);
	background-repeat: no-repeat;
	margin-top: 10px;
}

#mainContent .avatar70 , #avatar70{
 height: 70px;
 width: 70px;
 float: left;
 border: 1px dotted #333333;
 margin-bottom: 20px;
}

#mainContent #profiletxt {
 color: #00CCFF;
 float: left;
 width: 560px;
 font-family: "Lucida Sans Unicode", Tahoma, Helvetica, Arial, sans-serif
  ;
 font-size: 26px;
 letter-spacing: -2px;
 margin-bottom: 25px;
 height: 70px;
 line-height: 70px;
 padding-left: 20px;
}
#ctnL .commentslist .commentctn .newcomment_avatar {
 float: left;
 height: 70px;
 width: 70px;
 margin-right: 10px;
 border: 1px dotted #333333;
	display: inline;
}

#ctnL .commentslist .commentctn .commentext {
 float: left;
 font-size: 12px;
 line-height: 18px;
	width: 348px;
}

#ctnL .newly .who .name p {
 padding: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 10px;
 margin-left: 0px;
}

#mainContent #banner290x70 {
 float: right;
 height: 70px;
 width: 290px;
 padding-right: 5px;
}

#ctnL .commentslist .commentctn p {
 padding: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 10px;
 margin-left: 0px;
}

#mainContent #ctn #ctnL .effectBlock_L .line {
 float: left;
 width: 430px;
 display: inline;
 margin-left: 20px;
 margin-bottom: 5px;
}


#sort .sortP #stylemenu a, #sort .sortP #sortmenu a {
 text-decoration: none;
 background-color: #000000;
}

.img_video #videoimage {
 width:140px;
 height:90px; 
}

.who .name p {
 margin: 0px;
 padding: 0px;
}
.img_video .smh_t {
position:absolute;
text-align:right;
width:140px;
}

.videoThumb .smh_t {
position:absolute;
text-align:right;
width:120px;
}

.img_effect .asprate {
position:absolute;
text-align:right;
width:120px;
}
.delSub{
 font-size: 12px;
 margin-left: 20px;
 padding-top: -10px;
}