* { padding: 0; margin: 0; }
html, body { height: 100%; }
html, body { margin: 0; padding: 0;}
body { background-image: url(/resources/img/primepornreview/primepornreview_topbg.png);background-repeat: no-repeat; background-position: top center;background-color: #323b4b;color: #000;}
a {text-decoration:none;}
img{max-width:100%;}
img{border:0;vertical-align:middle;}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
a{background:transparent;}
a:active,a:hover{outline:0;}
li {list-style: none;}
img{border:0;}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
img{vertical-align:middle;}
.clearfix:before,.clearfix:after{display:table;content:" ";}
.clearfix:after{clear:both;}

.primepornwaterfull{margin: 0 auto;}
.primepornwaterfull ul li.item{float: left;width: 284px;margin: 0 6px 10px;position: relative;overflow: hidden;padding:0;background-color: #213e65;border-radius: 5px;}
.primepornwaterfull ul li.item h5 {padding: 0; margin: 0; text-align: center;}
.primepornwaterfull ul li.item h5 a {color: #FFF;font-weight: 100 !important; font-size: 16px;line-height: 40px; height: 40px;}
.primepornwaterfull ul li.item:hover { background-color: #122641;}
.primepornwaterfull ul li.item:hover h5 a {color: #c4e4ff;}

.primepornitemcontent {background-color: #1c1e23;padding: 5px;line-height: 30px;}
.primepornitemcontent ol { counter-reset: li; margin: 0;padding: 0; max-height: 310px;overflow-y: auto;}
.primepornitemcontent ol::-webkit-scrollbar{width:6px;height:4px;background-color:#1c1e23;overflow-y:scroll;border-radius: 3px;}
.primepornitemcontent ol::-webkit-scrollbar-track{background-color:#1c1e23;border-radius: 3px;}
.primepornitemcontent ol::-webkit-scrollbar-thumb{background-color:#213e65;border-radius: 3px;}

.primepornitemcontent ol > li {position: relative; list-style: none;padding-left: 35px;}
.primepornitemcontent ol > li:before { background: #213e65;border-radius: 50%; color: white;  content: counter(li);counter-increment: li;font-size: 9pt; line-height:20px; padding:0; position: absolute; top: 0.4em; left:5px; text-align: center; width:20px; height: 20px;}
.primepornitemcontent ol > li:hover { background-color: #333740;}
.primepornitemcontent ol > li:hover a, .primepornitemcontent ol > li:hover i { color: #fff;}
.primepornitemcontent ol > li i { position: absolute;right: 10px;top: 1px;color: #fff;}
.primepornitemcontent ol > li a { color: #fff; font-size: 12px;}

.primeporncategorycontent{position:relative;}
.primepornlinkcontent{padding:0px;}
.primeporncategorycontent .primeporncategorydesc{position:absolute;right: 1%;background: #213e65;width:48%; will-change: transform;border-radius: 5px;padding:10px 0 25px 0;color:#fff;font:400 14px/22px Arial, Helvetica, sans-serif;}
.primeporncategorydesc ul {overflow-y:auto;height:400px;padding: 5px; background-color: #1c1e23; border-radius: 5px;}
.primeporncategorydesc ul::-webkit-scrollbar{width:6px;height:4px;background-color:#EDEDED;overflow-y:scroll;border-radius: 3px;}
.primeporncategorydesc ul::-webkit-scrollbar-track{background-color:#EDEDED;border-radius: 3px;}
.primeporncategorydesc ul::-webkit-scrollbar-thumb{background-color:#2F2F2F;border-radius: 3px;}
.primeporncategorydesc:hover{background: #31549A url(/resources/img/primepornreview/primepornreview_arrow-down.gif) bottom center no-repeat;}

.primeporntopmenu {display: none;}
.tips {background-color: #0e1d2e;}
.tips ul {max-width: 1200px; margin:0 auto;color: #c4e4ff;padding: 15px;font-size: 14px;}
.top { height: 340px;}
.top ul {max-width: 1200px; margin:0 auto;position: relative;padding: 0;}
.top ul .logo {position: absolute;top: 55px;right:50px;}
.top ul .topGirl {position: absolute; top:-10px;left: 15px;z-index: -1;}
.top ul .logo2{ width: 100%;height: auto;}
.top ul .logo2 img{ width: 100%;}

.primeporncontent{width: 1280px;margin: 0 auto;}

.primeporndetailcontent {background-color: #213e65; padding: 10px 0; width: 1260px; margin: 0 auto 40px auto;background-color: #31549a;border-radius:10px;}
.primeporndetailhead { padding: 0 15px 15px 15px;color: #FFF; font-weight: bold;}
article { display:inline-block;width: 100%; padding: 10px;background-color: #1c1e23; border-radius:5px;}
.primeporndetailleft, .primeporndetailright { display:inline-block; float: left;}
.primeporndetailleft {width: 50%;}
.primeporndetailright {padding-left: 15px; width:calc(50% - 15px);}
.primeporndetailleft img {max-width: 100%; border-radius: 5px; margin-bottom: 10px;}
.primeporndetailright h2 { font-size: 30px;color: #31549a;}
.primeporndetailright h3 {line-height: 40px;color: #fff;}
.primeporndetailright .text-holder { max-height: 300px;  overflow-y: auto; color: #666;}
.primeporndetailright .text-holder::-webkit-scrollbar{width:6px;height:4px;background-color:#1c1e23;overflow-y:scroll;border-radius: 3px;}
.primeporndetailright .text-holder::-webkit-scrollbar-track{background-color:#1c1e23;border-radius: 3px;}
.primeporndetailright .text-holder::-webkit-scrollbar-thumb{background-color:#31549a;border-radius: 3px;}

.like {margin: 10px 0;color: #ccc;}
.like h4 {margin: 10px 0;color: #31549a;}
.detail_button {display: block;border-radius: 5px;line-height: 50px; height: 50px;text-align: center;color: #FFF;font-size: 16px;}
.bt1 {background-color: #31549a;}
.bt1:hover {background-color: #1b3a78;}
.bt2 { background-color: #2F2F2F;margin-bottom: 10px;}
.bt2:hover {background-color: #030303;}

.primeporncontactform dl {margin: 15px 0;}
.primeporncontactform dl dt {width: 200px;float: left;text-align: right; padding-right: 10px; display: inline-block;line-height: 34px;color: #fff;}
.primeporncontactform dl dd {display: inline-block;width: auto;}
.primeporncontactform dl dd input, .primeporncontactform dl dd textarea {border: 1px solid #EAEAEA;line-height:24px;padding: 5px;font-family: verdana;width: 100%; border-radius: 5px;}
.primeporncontactform dl dd .Send {display: inline-block; width: auto; background-color: #31549a;border-radius: 5px;padding: 5px 15px;color: #FFF; cursor: pointer;}

.primepornlinkcontainer{float: left;vertical-align:top;width:23%;margin:0px 1% 30px 1%;font-size:14px;position:relative;padding:10px 0 5px 0;background-color: #213e65; border-radius:0 0 10px 10px;min-height: 420px;}
.primepornlinkdesc{color:#fff;text-align:left;font-size:0.8em;padding:2px 2px 2px 2px;letter-spacing:-0.1px;text-overflow:ellipsis;word-wrap:break-word;line-height:1.3em;-webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;height: 100px;}
.primepornurllinkswrapper{font-size:0;padding:0px;text-align:center;margin:0 0 0 0%;counter-reset:number;}
.primepornlinktitle{position:relative;text-align:left;top:0px;padding-left: 30px;}
.primepornlinktitle .link{color:#FFF;font-weight:bold;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:15px;margin-bottom: 10px;}
.primepornlinktitle .link:before{counter-increment:number;content:counter(number) "";margin:0 1px 0 0;background: #FFF;border-radius: 50%;color: #303c88;;font-size: 9pt;line-height: 20px;padding: 0;position: absolute;top: 0;left: 5px;text-align: center;width: 20px;height: 20px;border-radius: 5px;}
.primepornlinkcontainer:hover{text-decoration:none;}
.primepornlinkimage{position:relative;padding-bottom:100%;padding-bottom:calc(100% - 2px);overflow:hidden;}
.primepornlinkimage img{height:100%;width:100%;position:absolute;z-index:1;top:0;left:0;transition:transform 300ms;border-radius: 5px;}
.primepornlinkimage img:active{box-shadow:0px 1px 5px #000 inset;}
.primepornlinkimage .lazyloaded{opacity:1;-webkit-transition:opacity 250ms, transform 300ms;transition:opacity 250ms, transform 300ms;}
.primepornlinkcontainer .desc { padding: 5px; background-color: #1c1e23; border-radius:0 0 5px 5px;}

.primepornfoottext {background-color: #16243d;padding: 40px 0;margin-top: 80px;}
.primepornfoottext ul { width: 1300px;margin: 0 auto;color: #FFF;line-height: 25px;}
.primepornfoottext ul h4 { color: #9dd2ff;}
.primepornfoottext ul li {list-style: none;color: #FFF;margin-bottom: 20px;}
.primepornfoottext ul br {height: 25px;display:inline;}
footer {background-color: #101010;}
footer ul {width: 1300px;margin: 0 auto; color: #FFF; text-align: center; padding: 20px 0;}
footer ul a {color: #7ec4ff;}



@media screen and (max-width: 1024px){
    .primeporncontent{width: 97%;margin: 0 auto;}
}
@media screen and (max-width: 980px){
	.primeporncontent{width: 95%;margin: 0 auto;}
}
@media screen and (max-width: 720px){
	.primeporncontent{width: 94%;margin: 0 auto;}
}
@media screen and (max-width: 480px){
	.primeporncontent{width: 100%;}
}
@media screen and (max-width: 380px){
	.primeporncontent{width: 240px;}
}

@media (max-width: 1350px) {
    .primeporncontent{width: 100%; margin: 0;}
    .primepornfoottext article {width: calc(100% - 40px) !important;margin: 0;padding: 20px;}
    footer ul { width: calc(100% - 40px)!important; margin: 0;text-align: center; padding: 20px; }
    .primepornfoottext ul { width: calc(100% - 40px)!important;padding:0 20px;margin: 0 auto;}
}

@media (max-width: 1300px){
    .primeporndetailcontent { width: 96%; margin: 0 auto 40px auto; }
    .primeporncategorycontent .primeporncategorydesc{position:relative;right:0;width:98%;margin: 0 auto 10px auto;}
    .primeporncategorydesc ul {height: 285px;}
    .primepornlinkcontent{position:relative;}
    .primepornlinkcontainer{min-height:auto;}
}
@media (min-width: 1300px){
    .primeporncategorycontent .primepornurllinkswrapper:not(.primepornurllinkswrapper_related) .primepornlinkcontainer:nth-child(2){margin-right:51%;}
}
@media (max-width: 1000px){
    .primepornlinkcontainer{width:31%;}
}
@media (min-width: 950px) {
    .top ul .logo {position: absolute;top:125px;}
    .top ul .logo2{ display: none; }
}
@media (max-width: 950px) {
    .top ul .logo { display: none;}
    .top ul .topGirl { display: none; }
    .top ul .logo2{display:block;}
}
@media screen and (max-width: 640px){
.primeporncategorycontent .primeporncategorydesc{padding:5px;margin-bottom:0px;}
}
@media screen and (max-width: 768px){
    .primeporncategorydesc{will-change:transform;}
}
@media screen and (min-width: 769px){
.lazyloaded{transform:scale(1);-webkit-transition:transform 250ms;transition:transform 250ms;}
}
@media (max-width: 768px){
.primeporncategorycontent{padding:5px 0;}
.primepornlinkcontent{padding:33px 0 15px 0;}
}
@media (max-width: 760px){
    .primepornlinkcontainer{width:48%;}
}
@media (max-width: 700px) {
    .primeporndetailcontent {width: 90%; margin: 0 auto 40px auto;}
    .primeporndetailleft, .primeporndetailright { display:block; float: none;width: 100%; }
    .primeporndetailright { padding-left: 0; margin-top: 15px; }
}

@media (max-width: 700px) {
    .top { height: auto;padding-top: 60px;}
    .tips {display:none;}
    .primeporntopmenu {display: block !important;background-color: #000;height: 60px;position:fixed;z-index: 999999999; width: 100%;}
    .primeporntopmenu .primepornmenubut { background-color: #000;height: 60px;width: 60px;display: block;}
    .primeporntopmenu .primepornmenubut i {color: #FFF; font-size: 20px; line-height: 60px; margin-left: 20px;}
    .primeporntopmenu ul {background-color:#333;width:100%;height:800PX;overflow-y: auto;color: #fff;position: absolute;top: 60PX;left: 0;z-index: 999999999;padding: 20px 0;}
    .primeporntopmenu ul ::-webkit-scrollbar{width:6px;height:4px;background-color:#EDEDED;overflow-y:scroll;border-radius: 3px;}
    .primeporntopmenu ul ::-webkit-scrollbar-track{background-color:#EDEDED;border-radius: 3px;}
    .primeporntopmenu ul ::-webkit-scrollbar-thumb{background-color:#2F2F2F;border-radius: 3px;}
    #primepornmenubox dd { padding: 0 20px;}
    #primepornmenubox dd li { line-height: 40px; text-align: left; border-bottom: 1px solid #4c4c4c;}
    #primepornmenubox dd li a { color: #FFF;}

    
}
@media (min-width: 701px) {
}
@media (max-width: 640px){
.primepornlinkcontainer{width:100%;}
.primeporncategorycontent .primeporncategorydesc{position:relative;right:0;width:98%;margin: 0 auto 10px auto;}
}
@media (max-width: 520px){
.primepornurllinkswrapper{margin:0;}
.primepornlinkcontainer{width:96%;margin:0px 2% 15px 2p%;}
.primepornlinktitle .link{font-size:13px;}
}
@media screen and (max-width: 530px){
.primepornlinkcontent{padding:15px 0;}
}